Я хочу передать props color дочернему значку.
Этот <Feather /> я хочу добавить color в качестве реквизита
Это мой компонент и ребенок Feather
import { Feather } from '@expo/vector-icons'
export default class CloseButton extends React.PureComponent {
render () {
const { style, ...props } = this.props
return (
<TouchableOpacity style = {styles.close} link {...props} >
<Feather name='x' size = {26} /> // <-- want add color here
</TouchableOpacity>
)
}
}
Это мой компонент, куда я отправляю реквизиты, которые показывают в ThouchableOpacity
<Alert.CloseButton onPress = {props.onRequestClose} />
Как передать цвет в этом реквизите, и он будет отображаться только на значке?



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Вы можете использовать опору под названием color для вашего компонента CloseButton, которую вы передаете компоненту Feather.
export default class CloseButton extends React.PureComponent {
render () {
const { style, color, ...props } = this.props;
return (
<TouchableOpacity style = {styles.close} link {...props} >
<Feather name='x' size = {26} color = {color} />
</TouchableOpacity>
)
}
}
Применение
<Alert.CloseButton
onPress = {props.onRequestClose}
color = "red"
/>