基于属性的SetCustomValidity在反应?

时间:2019-04-03 14:55:36

标签: javascript reactjs

我不希望使用AmazonDynamoDBFullAccess的形式,而是在其他地方确定“数据”的有效性(在服务器上检查)。

我知道我可以通过执行以下操作来显示弹出窗口:

onChange

但是在我看来,只有一个属性:

class Form extends React.Component {
  onChange(e) {
    let date = new Date(Date.parse(e.target.value));

    if (date > new Date()) {
      e.target.setCustomValidity("Please select a date in the past."); 
    } else {
      e.target.setCustomValidity("");
    }
  }

  render() {
    return (
      <div>
        <form>
          <input
            id="input"
            type="datetime-local"
            onChange={this.onChange}
          />
          <button type="submit">Submit</button>
        </form>
      </div>
    );
  }
}

在组件渲染后,我可以使用哪种生命周期方法遍历所有子组件?

0 个答案:

没有答案