【问题标题】:Best practice in assigning a new key/value pair into a nested object将新的键/值对分配给嵌套对象的最佳实践
【发布时间】:2022-01-03 21:28:26
【问题描述】:

我正在使用 React。并尝试分配一个新的键值。配对成对象。所以首先它通过一个if检查,如果它符合要求,我想添加键值'author'

if (field.component === 'Author') {
      this.props.writer.config.payload.name = 'Jefferson';
      console.log(this.props)
    }

有一些在线文章告诉我这样做,而其他一些文章告诉我这样做 Object.assign。基本上,我只想将 'name':'Jefferson' 添加到对象中。

【问题讨论】:

  • 是状态存储的对象吗?如果是这样,您不想直接添加属性,因为它会改变状态,您应该将具有添加属性的新对象传递给 setState
  • 不,它没有存储在状态:) @pilchard
  • 正在尝试改变父组件的状态?

标签: javascript arrays reactjs object jsx


【解决方案1】:

看到这个答案https://stackoverflow.com/a/24943743/1964636

在子组件中改变 props 是一种反模式, 您可能希望在子组件中将函数作为可以lift state 的道具传递。

一旦你修改了它的父组件的状态(假设 props 是父组件状态的一部分),它将使用更新的 props 重新渲染。

【讨论】:

    猜你喜欢
    • 2011-07-12
    • 2010-12-15
    • 2011-12-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-04-03
    • 1970-01-01
    相关资源
    最近更新 更多