Javascript 将错误样式添加到Redux表单中的输入

我正在学习Redux表单和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>

const renderField=（{input，label，type，meta:{toucted，error，warning}}）=>(
{label}
{触摸&（{error&&
{error}
）| |（warning&&
{warning}
）}

---

)

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

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