javascript - 类型错误 : Cannot read property 'classList' of undefined

Question

我做了一个表单登录来研究 React...但这个错误我无法解决..

类型错误:无法读取未定义的属性“classList”

我的代码错误:

changeState(){

    const {isLogginActive} = this.state;
    if(isLogginActive) {
      this.rightSide.classList.remove("right");
      this.rightSide.classList.add("left");
    } else {
      this.rightSide.classList.remove("left");
      this.rightSide.classList.add("right");
    }
    this.setState((prevState)=> ({ isLogginActive: !prevState.isLogginActive }));
  }

有人可以帮助我...为此提供一个解决方案...在 React 中进行。

谢谢。

Answer 1

我假设 rightSide 是使用 createRef API 定义的属性.

在这种情况下，classList 只能通过 ref 的 current 属性访问。

this.rightSide.current.classList

由于 createRef() 是异步的，如果您提前访问它，它可能会返回 null，例如在 componentDidMount 生命周期中。

因此，添加 if 语句来检查当前总是更安全

changeState(){
  const {isLogginActive} = this.state;
  if (this.rightSide.current) {
    if(isLogginActive) {
      this.rightSide.current.classList.remove("right");
      this.rightSide.current.classList.add("left");
    } else {
      this.rightSide.current.classList.remove("left");
      this.rightSide.current.classList.add("right");
    }
    this.setState((prevState)=> ({ isLogginActive: !prevState.isLogginActive }));
  }
}