目录
一.使用create-react-app快速搭建开发环境
运行项目:npm start
二.JSX基础
2.1概念和本质
2.2识别js表达式
2.3实现列表渲染
2.4实现基础条件渲染
&&:如果flag为true,则span标签显示,如果为false,span不显示
三元:如果loading为true,则第一个span标签显示,如果为false,则第二个span标签显示
2.5实现复杂条件渲染
三.React中的事件绑定
四.React组件基础使用
五.useState基础使用
六.useState修改状态的规则
七.基础样式控制
八.评论案例
8.1列表渲染
//1.使用useState维护list
const [commentList,setCommentList] = useState(list)
//2.使用map遍历渲染list
{commentList.map(item => (
<div key={item.rpid}>
<div>{item.uname}</div>
<div>{item.}</div>
<div>{item.}</div>
</div>
))}
8.2删除功能实现
8.3tab切换功能实现
8.4排序实现
九.classnames工具优化类名控制
npm install classNames