javascript - 如何在 recompose 中使用 setTimeout 更新状态？

Question

我想学习 recompose，所以我从一个简单的组件组件开始：

const timer: React.SFC<MyProps | any> = ({ seconds }) => (
  <span>{ seconds }</span>
);

我想以某种方式seconds使用 recompose 传递给它，它会每秒递增。

let seconds = 0;
export default compose(
  withProps(() => ({ seconds })),
  pure,
)(Timer);

如何正确增加seconds道具，以便在道具更改时将其传播到组件？我尝试使用setTimeoutafterlet seconds声明添加递归函数，但它不会在更改时向下传播到组件。

我结束了这个

let seconds = 0;

incrementSeconds();

function incrementSeconds() {
  seconds += 1;
  setTimeout(
    () => {
      incrementSeconds();
    },
    1000,
  );
}

export default compose(
  withProps(() => ({ seconds })),
  pure,
)(Timer);

Answer 1

而不是withProps，我会使用withState然后更新状态

export default compose(
  withState('seconds', 'updateSeconds', 0),
  lifecycle({
     componentDidMount() {
         const { seconds, updateSeconds} = this.props;
         setTimeout(
            () => {
               updateSeconds(seconds + 1);
            },
            1000,
         );
     }
  }),
  pure,
)(Timer);