javascript - 编译失败。 ReactJs

Question

我有个问题....

我的项目基于:我有一个 API 并获取 JSON 的值，使用 Axios 处理，然后我插入变量 peoples 并进入 filtered，但出现此错误:

./src/App.js Line 16: 'peoples' is not defined no-undef Search for the keywords to learn more about each error.

有人知道为什么吗？

我的代码:

class App extends Component {
  constructor(props) {
    super(props);


    this.state = {
      elementsPerPage: 3,
      currentPage: 0,
      input: "",
      peoples:[],
      filtered: peoples,
      validate: '',
    };
  }

  componentDidMount() {
    axios.get('http://127.0.0.1:80/people').then(response => {
      this.setState({peoples: response.data});
  }).catch(e => {
      console.log(e.response);
  });
}

Answer 1

当您仍在创建该对象的过程中时，您不能引用该对象的任何属性。如果要将其分配给两个属性，请在外部定义 peoples:

const peoples = [];
this.state = {
  elementsPerPage: 3,
  currentPage: 0,
  input: "",
  peoples,
  filtered: peoples,

但是您确定这就是您想要的吗？这两个属性将引用内存中完全相同的对象。我猜想您可能想要为每个属性创建一个单独的数组:

this.state = {
  elementsPerPage: 3,
  currentPage: 0,
  input: "",
  peoples: [],
  filtered: [],