我该如何在React的recompose的生命周期方法中设置setState?
我在我的React项目https://github.com/acdlite/recompose/中使用recompose
这是一个很棒的图书馆。我正在将该compose
实用程序用作容器组件,将状态作为道具传递给演示组件,如下所示:
const enhance = compose(
lifecycle({
componentDidMount() {
myCall
.getResponse([productId])
.then(products => {
setIsReady(true);
});
},
}),
withState('isAvailable', 'setIsAvailable', false),
withState('isReady', 'setIsReady', false),
mapProps(({
setIsAvailable,
setIsReady,
...state,
}) => ({
onLogoutTouchTap: () => {
...
注意内的setIsReady(true)
呼叫componentDidMount
。这是我想要做的,但是lifecycle /
componentDidMount没有访问权限setIsReady
。如何完成componentDidMount
通过recompose
更新状态的预期结果?
-
好吧,我发现如果您在
lifecycle
方法之后移动withState
方法,则可以通过访问设置器this.props.setterFunction
。就我而言,这是我一直在寻找的解决方案:const enhance = compose( withState('isAvailable', 'setIsAvailable', false), withState('isReady', 'setIsReady', false), lifecycle({ componentDidMount() { myCall .getResponse([productId]) .then(products => { this.props.setIsReady(true); }); }, }), mapProps(({ setIsAvailable, setIsReady, ...state, }) => ({ onLogoutTouchTap: () => { ...
-
react中调用setState会更新的生命周期有哪几个?
2021-01-11 关注 0 浏览275 1答案
-
如何在React中将生命周期方法与钩子一起使用?
2021-01-31 关注 0 浏览98 1答案
-
React 的生命周期方法有哪些?
2021-11-17 关注 0 浏览128 1答案
-
React 的生命周期方法有哪些
2021-09-18 关注 0 浏览165 1答案
-
说说react的生命周期?
2022-09-20 关注 0 浏览14 0答案
-
React 16.3中从props更新canvas的正确生命周期方法是什么?
2021-01-31 关注 0 浏览140 1答案
-
react生命周期?
2021-10-15 关注 0 浏览135 1答案
-
React生命周期
2021-09-18 关注 0 浏览194 1答案
-
react生命周期函数
2020-01-14 关注 0 浏览466 1答案
-
如何使用makeStyles设置组件样式并在Material UI中仍然具有生命周期方法?
2021-01-31 关注 0 浏览66 1答案