React尝试案例一

哈妹 lv.1

发布时间：2022-12-29 17:49:04 256

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')
  ); -->

文章来源： https://blog.51cto.com/u_15844361/5792256

特别声明：以上内容（图片及文字）均为互联网收集或者用户上传发布，本站仅提供信息存储服务！如有侵权或有涉及法律问题请联系我们。