写在线账本时候的一些抽象思路

先分析账本的结构

划分不同的组件

组件要怎么写?

1. 先判断是容器型组件container还是静态性组件component
2. 要传入什么(参数?data?方法?state?),又要传出什么(JSX?方法?数据?)
3. construtor中state要写哪些?(数据\状态[Loading,open,pass…\selected,choosed]
4. 方法要怎么写?

如果是要子组件传数据回父组件,那么就需要父组件将方法传入到子组件中

<PriceForm
     onFormSubmit={this.submitForm}
     onCancelSubmit={this.cancelSubmit}
     item={editItem}
/>
然后再子组件PriceForm中调用onFormSubmit,然后数据在create.js下的submitForm进行处理

5. 静态组件可以先声明一些数据,然后进行测试.等组件建好了,最后再进行组件的逻辑与交互
6. 可以通过withContext,redux方法,使得数据由上而下运作

export

1.export default 组件
2.children 丨 export const Tab = ({children}) => <React.Fragment>{children}</React.Fragment>
3.hoc `export default withRouter(withContext(组件))