reactjs - 如何向React js状态数组添加新的键值?

标签 reactjs state setstate

我想将新的键值添加到数组中以进入状态吗?下面我告诉你我想做什么。我怎样才能做到这一点? 1.构造方法中的启动状态

`this.state = {
    files: []
}'
  • 在我使用事件文件设置状态后

    this.setState({files: activeFiles})

  • 筛选我的状态

    { 文件: [ { 键1:值1, 键2:值2, 键3:值3 }, { 键1:值1, 键2:值2, 键3:值3 }, { 键1:值1, 键2:值2, 键3:值3 } ] }

  • 如何为每个文件添加新的键值? 我想要的状态

    { 文件: [ { 键1:值1, 键2:值2, 键3:值3, 键4:值4 }, { 键1:值1, 键2:值2, 键3:值3, 键4:值4 }, { 键1:值1, 键2:值2, 键3:值3, 键4:值4 } ] }

  • 最佳答案

    我认为这会满足上面的场景。

    const newFile = this.state.files.map((file) => {
    
        return {...file, key4: val4};
    });
    this.setState({files: newFile });
    

    关于reactjs - 如何向React js状态数组添加新的键值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41609615/

    相关文章:

    http - 负载平衡和 session

    javascript - 无法在 componentWillMount() 中多次调用 setState,解决方法是什么 React Native

    javascript - react setState()不适用于第一次单击,但在第二次,第三次…单击时工作正常

    javascript - 呈现 Big React Calendar 时出现控制台错误

    javascript - 使用父组件的 Prop 设置状态

    javascript - 为什么我的 setState 函数会覆盖当前状态?

    javascript - 如何使我的输入字段预先填充数据并在页面加载时可编辑?

    Reactjs 如何模糊滚动上的背景图像?

    javascript - 使用 map 创建 HTML ReactJS

    reactjs - 使用 NextJS,我想以编程方式从 next.config.js 访问 assetPrefix