javascript - 在Redux-Form中为输入添加错误样式

我正在学习Redux-Form和Bulma CSS样式。当发生错误时，我想在输入中添加“ is-danger”类。我正在使用文档中的示例，正​​在尝试如下操作：

const renderField = ({ input, label, type, meta: { touched, error, warning } }) => (
    <div className="field">
    <label className="label">{label}</label>
    <input className="input {touched && error&& is-danger)" {...input} placeholder={label} type={type} />
{touched && ((error && <p className="help is-danger">{error}</p>) || (warning && <p className="help is-danger">{warning}</p>))}

</div>

）

最佳答案

您可以执行类似类名的操作：

<input
    className={classnames(input, { is-danger: touched && error })}
    {...input}
    placeholder={label}
    type={type} />

https://www.npmjs.com/package/classnames

关于javascript - 在Redux-Form中为输入添加错误样式，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46476518/