React组件自动刷新问题

Question

1. 父组件获取属性名称列表
2. 将列表传给子组件，子组件通过属性名称获取属性详情，渲染表格

问题：

现实现表格编辑功能，即在子组件的表格中可以编辑，编辑后保存
如何使得父组件刷新，重新拿到数据库中最新的信息呈现在列表

现在每次修改完成表格后，不F5刷新页面是看不到最新更新的内容

Answer 1

在子组件中代理父组件的修改函数
https://doc.react-china.org/d...

Answer 2

点击 保存的时候 传个回调函数 这个回调函数 更新数据写在这个回调函数里

Answer 3

点保存，向父组件传个回调函数，重新请求数据

Answer 4

class Parent extends React.Component {
  onHandle(str) {
    this.setState({ refresh: str })
  }

  return (
   <div>
     {this.state.refresh ? <p>{this.state.refresh}</p> : ''}
     <Children onHandle={this.onHandle.bind(this)} />
   </div>
  );
}

class Children extends React.Component {
  render() {
    return (
      <div onClick={this.props.onHandle.bind(this, 'refresh')}>点击刷新子组件</div>
    );
  }
}

//写了一个子组件给父组件传信息的示例，可以参考一下