0.0.1 • Published 4 years ago
make-react-great-again v0.0.1
make react/antd great again
Install
npm install --save make-react-great-again
本项目试图对 react 和 antd 进行再封装,期望能达到以下目标
- 使用
HOC
对react
的class组件
进行装饰 - 装饰器分为两个:
page
&component
,page
装饰器可以设置页面title
,其他功能如下 - 引入
style
样式 设置
form: true
后,自动将组件用antd from
包裹,可在props
中拿到form
的方法, 也可以在HOC
中封装更多方法Form.create({ name: 'wrapped_form_component' })(WrappedComponent);
可以把组件初始时的请求从生命周期中转移到
preload
中,结果直接挂载到props
上- 如果用到
redux
,则设置connect
,将mapStateToProps
mapDispatchToProps
挂载到props
上 - 更多基于
antd
的UI
组件封装...
使用示例
@hoc({
form: true,
style: require('./style.scss'),
// 页面初始化时预加载一些请求,结果挂载到props上
preload: (props) => ({
preloadData: getNumber(props),
}),
connect: {},
})
class Demo extends Component {
constructor(props) {
super(props);
}
render() {
const { preloadData } = this.props;
return (
<div>
<input type="text" className="text" />
<div>{preloadData}</div>
</div>
);
}
}
License
MIT © yangdepp © yx675258207
0.0.1
4 years ago