React-Cnive/JavaScript: невозможно установить текст кнопки через TouchablePacity ⇐ Javascript

[Anonymous]

Я пытаюсь установить цвет текста кнопки в моем приложении с реагированием через объект touchableOpacity . Я использую тот же код для этого, который я видел во многих местах онлайн, но он создает для меня ошибку. Я пытаюсь выяснить, каким должно быть правильное кодирование этого. < /P>
Вот приложение ... < /p>
import React, {Component} from 'react';
import {StyleSheet, TouchableOpacity, Text, View} from 'react-native';

class App extends Component {
state = {
count: 0,
};

onPress = () => {
this.setState({
count: this.state.count + 1,
});
};

render() {
return (


style={{color: '#FFFFFF'}}>Hippo counter


Hippo count: {this.state.count}


);
}
}

const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center'
},
button: {
alignItems: 'center',
backgroundColor: '#DF0000',
padding: 10,
marginBottom: 10
},
});

export default App;
< /code>
Когда я запускаю это приложение-реагирование, я получаю следующую ошибку: < /p>

рендеринг ошибка < /strong> < /p>
объекты недопустимы в качестве ребенка React (обнаружено: объект с Keys
{color}). Если вы хотели представить коллекцию детей, вместо этого используйте массив
. style = {{color: '#ffffff'}}> , из атрибута «текст» объекта «touchableOpacity», затем приложение работает должным образом. Итак, что я должен сделать, чтобы изменить этот цвет текста? Теперь работает.

Подробнее здесь: https://stackoverflow.com/questions/795 ... bleopacity