Question

我正在尝试在render方法中访问变量。我已经在render函数外部但在类定义内部声明了变量。由于某种原因，我无法访问该变量。如果我在render函数中声明该变量，它将起作用。

import React, { Component } from 'react';
import { Text, View } from 'react-native';

export default class HelloWorldApp extends Component {
let a = "Random"
render() {

return (
  <View>
    <Text>{a}</Text>
  </View>
);
}
}

Answer 1

将状态设置为变量并使用this关键字this.state.a访问该变量，否则必须在类之前将其定义为constant或let或var

 import React, { Component } from 'react';
    import { Text, View } from 'react-native';
    const a="random";

export default class HelloWorldApp extends Component {

   constructor (props){
      super (props);
        this.state={
              let a = "Random"
        }
   }

        render() {
            let {a}=this.state;

            return (
                <View>
                    <Text>{a}</Text>
                </View>
            );
        }
    }

Answer 2

您需要将变量声明移到render方法中。否则声明将无效。

render() {
    const a = "Random";
    return (
        <View>
            <Text>{a}</Text>
        </View>
    );
}

为什么我不能在react-native中读取变量

2 个答案: