小编Mel*_*a94的帖子

有时我会进行嵌套破坏，这意味着不仅仅是一个级别，它可能很危险，但我只确保该属性存在，否则我将拥有undefined error的属性。

我最近做了这个，

const {
        match: {
          params: { id: UserId }
        },
        match
      } = this.props 

我怀疑是否是好的代码。我需要match.params.id，我也需要match对象，所以这个重复的“变量”可以吗？

如何生成阵列列表直到今天？我不能硬编码[2016,2017,2018],因为我必须每年都这样做.

function (numberOfYearsBack) { // }

我想使用索引更新数组值，下面的代码可以吗？

handleChange = index => e => {
  const { rocket } = this.state // ['tesla', 'apple', 'google']
  rocket[index] = e.target.value
  this.setState({ rocket })
}

我的jsx

<div>{rocket.map((val,i) => <input type="text" onChange={handleChange(i)} value={val} />)}</div>

我知道它有效，但只是为了确保可以像这样改变状态。

[1,2].reduce((accum,val) => ({val}) ,{})

我期望上面的减少功能会返回,{1:1, 2:2}但它没有,有什么不对？不是我归还了一个对象吗？

我有这个容器在哪里和不在同一水平.当我点击按钮(放在父母上)时,如何获取表格的状态？

我已经创建了一个演示来解决我的问题.

https://codesandbox.io/s/kmqw47p8x7

class App extends React.Component {
  constructor(props) {
    super(props);
  }

  save = () => {
    alert("how to get state of Form?");
    //fire api call
  };
  render() {
    return (
      <div>
        <Form />
        <button onClick={this.save}>save</button>
      </div>
    );
  }
}

• 我不想做的一件事是同步onChange事件的状态,因为在Form中可能有另一个Form.