React组件自动刷新问题

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

问题:

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

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

回复
阅读 11.3k
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>
    );
  }
}

//写了一个子组件给父组件传信息的示例,可以参考一下
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏