Question

如何向错误添加动画，这些错误出现在redux-form的输入字段附近。

我还没有找到任何办法。

export default ({input, label, meta}) => {
    return (
        <div>
            <label>{label}</label>
            <input {...input} style={{marginBottom: '5px'}}/>
            <div className="red-text" style={{marginBottom: '20px'}}>
                { meta.touched && meta.error }
            </div>
        </div>
    );
};

Answer 1

您只需添加

即可

IF

到您的错误消息div，然后使用css Transition进行动画处理，例如：

opacity: this.state.show ? 1 : 0

因此，任何时候消息显示都会运行动画

Redux形式和错误动画

1 个答案: