У меня есть компонент формы многократного использования, который имеет функции validate
и renderButton
. Я хочу добавить logi c к моей функции renderButton
, чтобы свойство disabled применялось только в том случае, если компонент формы новый, т.е. кнопка disabled не должна применяться при редактировании формы. Здесь моя функция проверки
validate = () => {
const options = { abortEarly: false };
const { error } = Joi.validate(this.state.data, this.schema, options);
if (!error) return null;
const errors = {};
for (let item of error.details) errors[item.path[0]] = item.message;
return errors;
};
validateProperty = ({ name, value }) => {
const obj = { [name]: value };
const schema = { [name]: this.schema[name] };
const { error } = Joi.validate(obj, schema);
return error ? error.details[0].message : null;
};
Функция кнопки рендеринга
renderButton(label) {
return (
<button className="btn btn-primary btn-block" disabled={this.validate()}>
{label}
</button>
);
}
Could anyone help me please