一、创建react项目
1.安装node npm、并检验是否安装成功(node -v、npm -v)
2.npx create-react-app small-app(创建react项目工程)
cd small-app
npm run start
二、render函数
每个组件必须返回一个render函数,这个 render 方法必须要返回一个 JSX 元素。 必须要用一个外层的 JSX 元素把所有内容包裹起来,返回并列多个 JSX 元素是不合法的.
三、事件方法
handClickAction(参数){具体实现过程}复制代码
四、map遍历数组
要实现如下图功能:
React是操作数据的、不需要关心DOM结构,只需要循环遍历数组、返回标签即可。const list = []list.map((item,index)=>{ return(
五、css样式写法
1.本文件中const inputStyle ={ marginLeft:'15px', marginTop:'10px', width:'200px', height:'30px',}2.css文件中.MyStyle{ text-align: left; font-size: 18px; color: red; background-color: lightgoldenrodyellow;}采用复制代码