React-native傳遞給另一個組件

Question

我想將一個React組件傳遞給我的CustomTab組件。 所以我有這樣的事情：

const FirstRoute = () => <View style={[ styles.container, { backgroundColor: '#ff4081' } ]} />;
const SecondRoute = () => <View style={[ styles.container, { backgroundColor: '#673ab7' } ]} />; 

export default class Profile extends Component {
_renderScene = SceneMap({
    first: FirstRoute,
    second: SecondRoute,
});
render() {
return (
    <CustomTab scenes={this._renderScene}/>
);
}

在我的CustomTab中，我有：

export default class CustomTab extends React.Component {
_renderScene = this.props.scenes;

render() {

return (
    <TabViewAnimated
        style={styles.container}
        navigationState={this.state}
        renderScene={this._renderScene}

但這不起作用，看起來傳遞的參數是錯誤的。可以實現嗎？ 感謝任何幫助。

Answer 1

您的語法錯誤，您需要在渲染器或constructor分配_renderScene變量，但是不需要將this.props.scenes分配給另一個類變量，您可以直接使用它

export default class CustomTab extends React.Component {
    render() {
        return (
            <TabViewAnimated
                style={styles.container}
                navigationState={this.state}
                renderScene={this.props. scenes}

Answer 2

您應該在構造函數或其他類似_renderScene組件生命周期的方法中設置_renderScene屬性。

constructor(props) {
    super(props);
    this._renderScene = this.props.scenes;
}