02- React的基本使用

98 阅读1分钟

一、安装React

  • react 包是核心,提供创建元素、组件等功能
  • react-dom包提供DOM相关功能等
npm i react react-dom

二、使用React

1、引用react和react-dom文件

<script src="./node_modules/react/umd/react.development.js"></script>
<script src="./node_modules/react-dom/umd/react-dom.development.js"></script>

2、创建React元素 创建元素到页面中

<div id="root"></div>
<script>
  // 第二个参数表示属性
	const title = React.createElement('h1',null,'Hello Word')
  ReactDOM.render(title,document.getElementById('root'))
</script>

三、React手脚架使用

1、初始化项目

npx create-react-app my-app