reactjs - Redux-form v6 isDirty(和 isPristine)选择器不会在状态更改时触发重新渲染

Question

我正在尝试检测父组件的表单状态是否脏，因此如果表单值已更改，我只能显示提交按钮。

初始渲染按预期显示 false，但更改值不会触发使用新 vlaue 的重新渲染..

import React from 'react'
import { isDirty } from 'redux-form'
import { connect } from 'react-redux'

<Parent>
  { props.isDirty ? <SubmitButton /> : null }
  <Form {...etc} />
</Parent>

const mapStateToProps = state => ({
  ...
  isDirty: isDirty('myForm')(state),
})

export default connect(mapStateToProps, null)(Parent)

控制台日志记录 props.isDirty显示在 <Parent/> 的初始渲染中isDirty是假的。但是，更改值不会触发 <Parent/> 的重新渲染。具有新的值。

更新:

经过进一步调查，我认为这是一个错误:

const mapStateToProps = (state) => {
  console.log(isDirty('myForm')(state)
  return {
    ...
    isDirty: isDirty('myForm')(state),
  }

在这里，更改表单值会触发 mapStateToProps正如预期的那样，但是 isDirty总是错误的。

Answer 1

哦!不是错误。我导入了错误的可变 isDirty 选择器..

从 'redux-form/immutable' 导入 { isDirty }

..解决了问题