使用React本地變量來調用方法

Question

我想知道是否有一種方法可以使用變量爲反應原生組件調用方法，但這並不是我在教程中看到的。 例如：

var navigate = <Navigator 
    initialRoute={{ title: 'Awesome Scene', index: 0 }} 
    renderScene={(route, navigator) => 
     <Text>Hello {route.title}!</Text> 
    } 
    style={{padding: 100}} 
    /> 

如何使用「導航」變量調用像jumpForward（）的方法。

Answer 1

您需要使用參考的概念。您可以將ref分配給反應組件並調用其方法。實施例

class MyApp extends Component { 
    onButtonClicked{ 
    this.navRef.jumpForward(); 
    } 
    render() { 
    return(
     <Navigator 
     ref={navRef => this.navRef = navRef} 
     initialRoute={{ title: 'Awesome Scene', index: 0 }} 
     renderScene={(route, navigator) => 
     <Text>Hello {route.title}!</Text> 
     } 
     style={{padding: 100}} 
     /> 
    ); 
    } 
} 

更多關於參考文獻在https://facebook.github.io/react/docs/refs-and-the-dom.html