Redux-Formの入力にエラー・スタイリングを追加

Question

私はRedux-FormとBulma CSSスタイリングを学んでいます。私は、エラーに触れたときに入力に「危険です」というクラスを追加したいと思います。あなたはクラス名のような何かを行うことができ

Answer 1

）

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