ReactJs get string length

<!DOCTYPE html>
<html>
<head>
<title>ReactJS Tutorial, Example & Demo</title>	
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<!---this is used to compile on run time--->
<script src="https://npmcdn.com/babel-transform-in-browser@6.4.6/dist/btib.min.js"></script>

</head>
<body>
<div id="root">
</div>
<script type="text/es2015">
function MyFunction() {
  var myStr = "tutorialsplane";
  var result = myStr.length;
  return (
    <p>Length of string "{myStr}" = {result}</p>
  );
}

ReactDOM.render(
  <MyFunction />,
  document.getElementById('root')
);
</script>
</body>
</html>