反应：未定义 no-undef

Question

当我刷新 clearAll() 中的错误消息时：

./src/App.js

第 22 行：'notes' 未定义 no-undef

第 23 行：'notes' 未定义 no-undef

如何定义要使用的属性>

import React, { Component } from 'react';
import Route from 'react-router-dom';
import './App.css';
import Header from './components/Header';
import Router from './components/Router';
import Home from '.Home';
import AddNote from '/AddNote';
import EditNote from '/EditNote';


class App extends React.Component {

constructor(props) {
    super(props);
    this.state = {
        note: "",
        notes: []
    };
}

clearAll() {
    notes.length = 0;
    notes = [];
}

Answer 1

在这里，您尝试更新state变量。 为此，您可以使用setState函数。
https://reactjs.org/docs/react-component.html#setstate
http://www.cluemediator.com/state-react-js/

您的clearAll函数应如下所示。

constructor(props) {
    super(props);
    this.state = {
        note: "",
        notes: []
    };
    this.clearAll = this.clearAll.bind(this);
}

clearAll() {
   this.setState({notes: []});
}

希望这对您有用！

Answer 2

note和notes保存在组件的 state 中，您可以分别通过this.state.note和this.state.notes在组件中访问它们。

Answer 3

const { note, notes } = this.state;