黑马react-Day01

最新推荐文章于 2025-06-03 21:55:24 发布

是谁住在深海的大菠萝里！

最新推荐文章于 2025-06-03 21:55:24 发布

阅读量430

点赞数 5

分类专栏： React--黑马文章标签： react.js javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_53777282/article/details/139080921

版权

React--黑马专栏收录该内容

2 篇文章

订阅专栏

使用create-react-app快速搭建开发环境

一.使用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>    
))}