react中不同种类的方法, 如生命周期方法, 业务方法, 绑定元素的方法 都混杂在一起, 如何更好的组织代码呢?

Question

  //生命周期方法
  constructor    componentDidMount 等


  //业务方法
  //如: 带ajax请求的增删改查方法

  //控制界面的方法
  handleCancel = () => {
    this.setState({ visible: false });
  }

  //绑定form的方法, antd中的
  saveFormRef = (form) => {
    this.form = form;
  }

这些方法太多太乱了, 如何更好的组织代码结构呢

Answer 1

用了这么久react，没觉得这是个问题。

既然单个组件的内容太多了，考虑一下细分成多个组件？

既然控制流程的方法很多，考虑引入一个flux的库？

参考一下其他的react项目怎么写的吧，例如github上的开源，仿照着写会好一些。

去github上找一些开源的吧。