Question

我使用React Bootstrap模式在弹出窗口中显示Redux-Form，如果我只是使用state来显示/隐藏模态，但是当我尝试使用Redux动作显示/隐藏模态时它工作正常创作者，弹出窗口根本没有显示。

当我向Redux动作创建者显示/隐藏时，我能够在模态上显示任何内容，而不是Redux-Form。

这是我的表格配置，

LoginForm = reduxForm({
form: 'LoginForm',
validate,
})(LoginForm);

以下是我在控制台上看到的内容，

action @ 03:21:49.866 OPEN_LONGIN_MODAL

core.js:97 action @ 03:21:49.916 @@redux-form/UPDATE_SYNC_ERRORS
core.js:97 action @ 03:21:49.935 @@redux-form/REGISTER_FIELD
core.js:97 action @ 03:21:49.957 @@redux-form/REGISTER_FIELD
core.js:97 action @ 03:21:49.994 @@redux-form/UPDATE_SYNC_ERRORS
core.js:97 action @ 03:21:50.320 @@redux-form/DESTROY

如果我添加“destroyOnUnmount：false”，它看起来像这样

core.js:97 action @ 03:12:10.746 OPEN_LONGIN_MODAL
core.js:97 action @ 03:12:10.798 @@redux-form/UPDATE_SYNC_ERRORS
core.js:97 action @ 03:12:10.815 @@redux-form/REGISTER_FIELD
core.js:97 action @ 03:12:10.839 @@redux-form/REGISTER_FIELD
core.js:97 action @ 03:12:10.873 @@redux-form/UPDATE_SYNC_ERRORS

任何帮助都会非常感激！

Answer 1

抱歉，这与Redux Form无关，我在我的reducer中犯了一个错误，当Redux表单开始注册字段时，会导致模式关闭。

当调用其他redux动作创建者时，Redux Form不会显示在React Bootstrap Modal上

1 个答案: