React-Native добавляет var в тег просмотра

Question

React-Native добавляет var в тег просмотра

1

У меня есть этот класс, содержащий строку и переменную:

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

Тем не менее, я получаю эту ошибку

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

Есть ли способ заставить класс возвращать как текст, так и переменную при ее использовании?

<Number/>

iamacat 10 июнь 2017, в 11:36

Источник

Теги:

javascript

react-native

1 ответ

Ещё вопросы

magneticz · Accepted Answer · 2017-06-10T06-59-00.000Z

В ES6 (то, как вы объявили свой класс) вы не можете объявлять переменные так, как хотите. Вот объяснение альтернативных альтернатив класса ES6

Вы можете добавить его внутри конструктора или внутри метода рендеринга.

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                 
        }
    }
}