React native:我如何在自定义组件中传递值

时间:2018-03-14 07:14:18

标签: react-native react-navigation

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

Header.js

class Header extends Component {

constructor(props) {
    super(props);
}


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

 }

我从 main.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} />
    );
    }

 }

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

1 个答案:

答案 0 :(得分:3)

非常简单你可以通过

访问它
this.props.title
this.props.subTitle
this.props.nameOfTheProps