先分析账本的结构
划分不同的组件
组件要怎么写?
- 先判断是容器型组件container还是静态性组件component
- 要传入什么(参数?data?方法?state?),又要传出什么(JSX?方法?数据?)
- construtor中state要写哪些?(数据\状态[Loading,open,pass…\selected,choosed]
- 方法要怎么写?
如果是要子组件传数据回父组件,那么就需要父组件将方法传入到子组件中
<PriceForm
onFormSubmit={this.submitForm}
onCancelSubmit={this.cancelSubmit}
item={editItem}
/>
然后再子组件PriceForm中调用onFormSubmit,然后数据在create.js下的submitForm进行处理
- 静态组件可以先声明一些数据,然后进行测试.等组件建好了,最后再进行组件的逻辑与交互
- 可以通过withContext,redux方法,使得数据由上而下运作
export
1.export default 组件
2.children 丨 export const Tab = ({children}) => <React.Fragment>{children}</React.Fragment>
3.hoc `export default withRouter(withContext(组件))