Я хочу создать компонент React Native в чистом JavaScript, состоящий из других компонентов, таких как TouchableOpacity
и Text
. У меня есть несколько кнопок в моем приложении, которые состоят из двух компонентов, поэтому я подумал, что было бы неплохо научиться создавать мои собственные компоненты для лучшего повторного использования кода.
Готовый компонент должен выглядеть примерно так:
<Button>
Tap me!
</Button>
И это код, который я сделал для этого компонента:
class Button extends Component {
render () {
<TouchableOpacity style={styles.button}>
<Text style={styles.textButton}>
</Text>
</TouchableOpacity>
}
};
Однако я не знаю, как я могу использовать внутренний текстовый текст Tap me!
в моем компоненте, и я действительно не понимаю, как я могу заставить свой компонент принимать пользовательские реквизиты и TouchableOpacity
и Text
реквизит.
PS: Я знаю, что есть некоторые компоненты React Native, подобные этому, но я предпочитаю создавать свои собственные, чтобы узнать, как я могу создать такие пользовательские компоненты. Кроме того, React Native является потрясающим, но я не могу найти, как создавать такие вещи в своих документах, и я думаю, что это действительно интересное упражнение для людей, начинающих в React.