3、React的基本使用

2021-06-15  本文已影响0人  Rose_yang

1、准备好一个“容器”
2、引入react核心库
3、引入react-DOM用于支持react操作dom
4、引入babel用于将jsx语法转为js

<script type='text/babel'> // 此处一定要写babel
  const name = 'hello, react'
  const element = <h1>Hello, {name}</h1>; // 此处一定不加引号  jsx语法
  const element2 = <h1>Hello, {name}2</h1>; // 此处一定不加引号  jsx语法
  ReactDOM.render(
    element,
    document.getElementById('root')
  );
ReactDOM.render(
    element2,
    document.getElementById('root')
  ); // 这一句会替换前一句代码内容
</script>  
上一篇 下一篇

猜你喜欢

热点阅读