React Native：我如何在我的自定义组件中传递值

Question

我想在我的自定义组件中传递我的参数值，所以下面是我的代码

Header.js

class Header extends Component {

constructor(props) {
    super(props);
}


render() {
    return (
        <View >
        <Text >Title</Text>
        <Text>subtitle</Text>
        </View>
    );
   }

 }

我从 ma​​in.js

调用我的 Header.js

class Main extends Component {

constructor(props) {
    super(props);
}


render() {
    return (
        <Header title = {this.props.navigation.state.params.screen_title} subtitle= {this.props.navigation.state.params.subtitle} />
    );
    }

 }

我在标题组件中传递了标题和副标题，我只是想知道如何在标题组件中访问传递的变量值？你的所有建议都很有价值

Answer 1

很简单，你可以通过

this.props.title
this.props.subTitle
this.props.nameOfTheProps