infinite-loop - 在initialValues中设置日期时redux-form无限循环

Question

当我尝试初始化 Fabric ui 日期选择器字段的值时，我收到 @@redux-form/INITIALIZE 消息的无限循环

function mapStateToProps(state) {
  const { bookingform } = state;
  return {
    initialValues: { date: new Date()},
    bookingform
  };
}

如果我用“”替换 new Date() 则不会循环 - 但不会初始化。 react 新手

更新。 Date() 每次被调用时都会生成不同的值。这在某种程度上是令人不安的 redux-form 吗？我暂时通过直接在 Fabric ui 组件中设置默认值来解决这个问题

Answer 1

mapStateToProps 每次更新时都会被调用，因此，如果您将 new Date() 作为参数传递，则可以预见您的连接组件将每毫秒重新渲染一次。

将 new Date() 移至变量，然后将其传递给 mapStateToProps。

const now = new Date();

function mapStateToProps(state) {
  const { bookingform } = state;
  return {
    initialValues: { date: now },
    bookingform
  };
}