React 列表添加数据

最新推荐文章于 2024-01-10 17:49:24 发布

Jason–json

最新推荐文章于 2024-01-10 17:49:24 发布

阅读量5.7k

点赞数

分类专栏： react 文章标签： react添加数据

本文链接：https://blog.csdn.net/weixin_46146313/article/details/107005439

版权

本文介绍了如何在React中让列表数据化，通过给数组增加元素并使用JSX进行循环输出实现动态列表。接着讲解如何增加服务选项，通过绑定方法和使用扩展运算符更新数组。最后解决key值错误的问题，确保React组件的正确渲染。

摘要由CSDN通过智能技术生成

让列表数据化

现在的列表还是写死的两个

标签，那要变成动态显示的，就需要把这个列表先进行数据化，然后再用javascript代码，循环在页面上。

我们先给上节课的list数组增加两个数组元素，代码如下：

    constructor(props){
       构造函数
        // 调用父类方法，继承
        super(props) 
        this.state = {
     
            inputValue:"", //value的数据
            list:["基础按摩","推背"]   //类表数据
        }
    }