React-Native将var添加到视图标签

Question

我有一个包含字符串和变量的类：

class Number extends Component{
    var num = 8
    render(){
        return{
            <Text>The number is: </Text> + num
        }
    }
}

但是，我收到此错误

Unexpected token (31:6)
var num = 8
    ^

有什么办法可以使类在使用时返回文本和变量？

<Number/>

Answer 1

在ES6（声明类的方式）中，无法以所需的方式声明变量。 这是解释ES6类变量的替代方法

您可以做的是将其添加到构造函数或render方法中。

class Number extends Component{
    constructor(props){
        super(props);
        this.num = 8 // this is added as class property - option 1
        this.state = { num: 8 } //this is added as a local state of react component - option 2
    }
    render(){
        const num = 8; // or here as regular variable. option 3
        return{
            <Text>The number is: </Text> + this.num // for option 1
            // <Text>The number is: </Text> + this.state.num //for option 2
            // <Text>The number is: </Text> + num //for option 3                 
        }
    }
}