reactjs - 更改文本框后显示保存按钮（react、redux、material ui）

Question

我有一个带有反应、氧化还原和材料-ui 的项目。页面上有一些文本字段，我只想在至少一个文本字段发生更改时才显示保存按钮。我可以在文本字段的 onChange 中添加一些函数，并将 isDirty 设置为 true，并在此属性设置为 true 时显示按钮。但我想知道有没有什么干净又好的方法可以做到这一点？

Answer 1

如果你已经在使用 Redux。我建议你看看 Redux Form - https://github.com/redux-form/redux-form

在 redux 表单中，在您的组件上初始化 redux 表单后，您可以对每个输入使用 Field 组件。

    <Field component="input" type="text" />

通过使用 reduxForm High-order 组件，它会注入一些 props，如dirty、pristine、touch 等。这可以帮助您显示或隐藏您的按钮。

    export default reduxForm({
       form: 'formName' // a unique identifier for this form
    })(YourComponent)