在Redux-Form

Question

我正在学习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>

）

Answer 1

你可以做类似名字的事情：

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

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