React尝试案例一

Posted hhh江月

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React尝试案例一相关的知识,希望对你有一定的参考价值。

React尝试案例二

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello React!</title>

ReactDOM.render(
	<h1>Hello, world!</h1>,
    // JSX
	document.getElementById('example')
);


// JSX
const element0 = <h2>hello, react.</h2>
ReactDOM.render(
    element0, 
    document.getElementById("mine")
)

const name = "huyuxuan"
const element1 = <h2>by, name</h2>
// render


ReactDOM.render(
    element1,
    document.getElementById("mine0")
)

</script>


</head>
<body>

<div id="example"></div>
<div id="mine">

</div>

<div id="mine0"></div>

</body>
</html>

<!-- 

function formatName(user) 
    return user.firstName + ' ' + user.lastName;
  
  
  const user = 
    firstName: 'Harper',
    lastName: 'Perez'
  ;
  
  const element = (
    <h1>
      Hello, formatName(user)!
    </h1>
  );
  
  ReactDOM.render(
    element,
    document.getElementById('root')
  ); -->

以上是关于React尝试案例一的主要内容,如果未能解决你的问题,请参考以下文章

React尝试案例二

React学习案例一

练习案例React一创建React项目

React 入门第一天(小案例和注意细节)

React学习案例九

React系列三 - 阶段案例练习