根据redux的状态值以编程方式突出显示输入标签

Question

我有这样的输入值

                 <input type="text"
                    className="fadeIn second inputValues"
                    name="fullname"
                    placeholder="full name"
                    required
                    value={state.fullname}
                    onChange={onChangeHandler}
                />
                <input type="email"
                    className="fadeIn second inputValues"
                    name="email"
                    placeholder="email"
                    required
                    value={state.email}
                    onChange={onChangeHandler} />

我想将border-danger添加到我从redux（即error_param）获得的值的className上。 例如：error_param = 'email'然后在电子邮件中添加边框

Answer 1

考虑到您的组件设法从redux获取更新并将其保存在email_has_error中：

<input 
     type="email"
     className={`fadeIn second inputValues ${this.state.email_has_error?"err":""}`}
     name="email"
     placeholder="email"
     required
     value={state.email}
     onChange={onChangeHandler} />

现在您可以将边框添加到CSS中的.err类名。