一、创建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(<Li key={index}>{item}</Li>)
})
复制代码五、css样式写法
1.本文件中
<input style={inputStyle}></input>
const inputStyle =
{
marginLeft:'15px',
marginTop:'10px',
width:'200px',
height:'30px',
}
2.css文件中
.MyStyle{
text-align: left;
font-size: 18px;
color: red;
background-color: lightgoldenrodyellow;
}
采用<input className='Mystyle'></input>
复制代码转载于:https://juejin.im/post/5cb966b2f265da03ba0e276e
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-用户IM，转载请注明出处：https://javaforall.cn/100975.html原文链接：https://javaforall.cn
【正版授权，激活自己账号】： Jetbrains全家桶Ide使用，1年售后保障，每天仅需1毛
【官方授权 正版激活】： 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...
