Question

我是新手，所以这很容易，但我无法理解。这是我的简单例子：

export default class WhyScreen extends React.Component { 

constructor(props) {
  super(props);
  this.index = false;
 }


 if (this.index){
    console.log('ok');
 }

render() {    
  return (
      <View style={styles.parag}>

      </View>

      );
}

如果取出if语句，我没有错误。但是一旦我输入if语句，我就会在If语句的行上出现意外的令牌错误。事实上，如果我测试一个条件，或者只是测试1 === 1，它确实会有所不同，我仍然会收到错误。显然，我错过了一些东西。

Answer 1

WhyScreen是一个类，因此您需要为该代码创建一个方法。或者，如果您希望它在创建时运行，您可以将它放在构造函数中。

export default class WhyScreen extends React.Component { 

constructor(props) {
  super(props);
  this.index = false;
  if (this.index) {
    console.log('ok');
  }
 }

 testIndex = () => {
   if (this.index){
      console.log('ok');
   }
 }

render() {    
  return (
      <View style={styles.parag}>

      </View>

      );
}

在If语句中反应原生意外令牌

1 个答案: