反应原生。参考误差值未定义

Question

我在 react-native 中设置状态时遇到问题。我可以 console.log 这个值就好了，但是当我调用 setState() 时，我得到参考错误 'targetSpreadsheet' is not defined。

这是在下面的函数中

getCategories = (file) => {
        console.log(this.state.targetSpreadsheet); // works fine
        this.setState({targetSpreadsheet: file});  // targetSpreadsheet is not defined.
}

还有一个调用它的选择器

  <SimplePicker
    ref={'picker2'}
    options={this.state.spreadsheetNames}
    onSubmit={(option) => {
      for(var i = 0; i < this.state.spreadsheets.files.length; i++){
        if(this.state.spreadsheets.files[i].name === option){
          let file = this.state.spreadsheets.files[i];
          this.getCategories(file);
          break;
        }
      }
    }}
  />

编辑

构造函数

  constructor(props){
    super(props);
    this.state = {
      targetSpreadsheet: ''
    }

    this.getCategories = this.getCategories.bind(this);
  }

Answer 1

这表明您要访问其中包含 文件数组 的电子表格对象

this.state.spreadsheets.files[I]

但是在您的构造函数中，您已将 targetSpreadsheet 初始化为字符串对象，因此您遇到了错误。

this.state = {
      targetSpreadsheet: ''
    } 

解决方法：你需要把它做成一个对象，文件作为一个空数组。

    this.state = {
              targetSpreadsheet: {
                  files:[]
               }
   }