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 class variable alternatives

你可以做的是在构造函数中或在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                 
        }
    }
}