更改文本框(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高阶组件，它将注入一些道具，如脏的，原始的，触摸等。帮助你显示或隐藏你的按钮。

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