反応ネイティブの状態変化を伴うコンポーネントの表示/非表示時にエラーが発生する

Question

反応するネイティブアプリ内のコンポーネントを表示/非表示にすることを任意に試みています。私が使用しているコードのカットダウン版は、Hide/Show components in react nativeに触発されました。コードは以下の通りである：

'use strict'; 
var React = require('react-native'); 
var { 
    Text, 
    Navigator, 
} = React; 


class SomePage extends Component { 

    constructor(props) { 
    super(props); 
    this.state = { 
     showView : true, 
    }; 
    } 

    render() { 
    return (
     <Navigator 
      renderScene={this.renderScene.bind(this)} 
     /> 
    ); 
    } 

    testRender() 
    { 
    return (
     <Text>ShowView: {this.showView}</Text> 
     ) 
    } 

    renderScene(route, navigator) { 
    if (this.state.showView){ 
     return ({this.testRender.bind(this)}) 
    } 
    else 
    { 
     return (<Text>ShowView: {this.showView}</Text>) 
    } 
    } 
} 

コードは、残念ながら動作していない、と私は

return (this.testRender.bind(this)) 

として行を記述する場合

return ({this.testRender.bind(this)}) 

の「予期しないトークンエラー」を投げています

エラーは消えますが、空白の画面が表示されます。私がここで間違っていることについて何か考えていますか？

Answer 1

バインドはここで正しい方法ではありません。あなたは関数を呼び出す必要があります。

renderScene(route, navigator) { 
    if (this.state.showView){ 
     return this.testRender(); 
    } 
    else 
    { 
     return (<Text>ShowView: {this.showView}</Text>) 
    } 
    }