Question

我有以下redux-form（v6.5.0）来源：

class MyForm extends Component {
render() {
    const {error} = this.props
    return (
            <form>
                    <Field.....>
                    {this.renderError(error)}
            </form>
           );
}
renderError(error) {
    if (error) {
        var temp = error;
        return (
                <div className='alert alert-danger alert-dismissable'>
                <div className="close" data-dismiss="alert" aria-label="close">&times;</div>
                {temp}
                </div>
               );
    } else {
        return null
    }
}
}

现在，每当从handleSubmit函数抛出submissionError时，我都会看到一条错误消息作为引导警报。

但是，单击x按钮时，错误警告框不会消失。我究竟做错了什么？

我甚至试图手动清除错误道具，但我无法做到。关于如何使用react / redux-form获取bootstrap3警报的任何其他建议？感谢

Answer 1

使用空stopSubmit对象调度errors操作将清除它

import {stopSubmit} from 'redux-form';
dispatch(stopSubmit('myFormName', {}))

Github的原始答案：https://github.com/erikras/redux-form/issues/2604#issuecomment-282670843

自己陷入这个问题。没有找到更方便的方法来做到这一点。

<强> UPD：用“react-redux”v6.7.0进行测试

使用redux-form错误呈现时创建可解除的bootstrap v3警报

1 个答案: