在我的项目中,我试图摆脱所有mixin并将其替换为HOC。目前我使用ES5卡住了。将ES5 Mixins转换为高阶组件
export default React.createClass({
mixins: [SomeAsyncMixin],
data: {
item1: {
params: ({params, query}) => {
params: ({params, query}) => {
if (!query.p) {
return null;
}
const status = someTernaryResult
return {
groups: query.groups,
status,
subject: params.subject,
};
},
promise: query => query && query.subject && api(makeUrl(`/some/endpoint`, query))
},
item2: {
params: ({params, query}) => {
//same as before
},
promise: ({subject, query}) =>
// same as before
}
render() {
// some stuff
return(
// some jsx
);
}
}
里面混入的,它有一个componentWillMount
和运行一个update
功能将通过在data
每个键循环和更新道具/状态componentWillUpdate
。
在React的docs有关去除mixin,它们的mixin保存数据,而不是组件。
我的项目中有很多组件有一个data
对象,并使用这个mixin来更新他们的道具/状态。如何制作一个可重用组件来处理这个数据对象?
另外,我怎样才能从组件内访问这个数据对象?组件this.data
为空。 mixin this.data
的内部是组件内部的数据对象。为什么?