Question

Am试图输出存储在数组中的值，但出现以下错误："Line 40: 'found'未定义no-undef 搜索关键字以了解有关每个错误的更多信息。”

代码：

 class App extends Component {

      constructor() {
        super();
        this.state = {  
          array1: [],

        }
      }

      componentDidMount(props) {
        this.setState({ array1: [5, 12, 8, 130, 44] })
      }

      found = (array1) => {
        return array1.find((element) => {
          return element > 10;
        });
      }

      render() {
        console.log(found(this.state.array1));
        return (
          <div className="App">
          </div>
        );
      }
    }

export default App;

该错误发生在以下行：

console.log(found(this.state.array1));

...请给我一些帮助吗？

Answer 1

您必须首先从found获得this：

render() {
    console.log(this.found(this.state.array1));
    return (
      <div className="App">
      </div>
    );
}

Answer 2

为了在render中使用类函数，您需要像this.found()

那样调用它

class App extends Component {

  constructor() {
    super();
    this.state = {  
      array1: [],

    }
  }

  componentDidMount(props) {
    this.setState({ array1: [5, 12, 8, 130, 44] })
  }

  found = (array1) => {
    return array1.find((element) => {
      return element > 10;
    });
  }

  render() {
    console.log(this.found(this.state.array1));
    return (
      <div className="App">
      </div>
    );
  }
}

export default App;

React JS为什么函数名称出现未定义的错误？

2 个答案: