Условно отключить кнопку отправки ReactJS - PullRequest
1 голос
/ 26 мая 2020

У меня есть компонент формы многократного использования, который имеет функции 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
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...