小编KAT*_*ATq的帖子

为什么setCustomValidity()在React中不起作用？我错过了什么吗？使用vanillia HTML和JS工作正常.或者还有其他方法可以轻松地制作类似的东西setCustomValidity？

反应代码:

class Form extends React.Component {
  formVal(e) {
    e.target.setCustomValidity("Test_1");
  }
  formVal2() {
    let inpt = document.getElementById("input");
    inpt.target.setCustomValidity("TEST_2");
  }
  render() {
    return (
      <div>
        <form>
          <input
            id="input"
            type="datetime-local"
            onBlur={this.formVal}
          />
        </form>
        <button onClick={this.formVal2}>Click </button>
      </div>
    );
  }
}

CodePen - React

没有React:

<form>
  <input type="email" id="mail" name="mail">
  <button onclick="test()">Submit</button>
</form>

// JS

var input = document.getElementById("mail");
function test() {
 input.setCustomValidity("test")
}

CodePen - 没有反应

img {
  max-height: 89px;
  max-width: 100px;
}

<a href="/x"><img src="https://upload.wikimedia.org/wikipedia/commons/c/c2/F_icon.svg" /></a>

我只想在悬停图像时使用指针,而不是锚标签.我试图设置width并height为此a,但没有任何改变.