React Nativeで別のクラスからレンダリングを呼び出す

Question

別のクラスのクラスをレンダリングしてレンダリングを呼び出すだけです。あなたはReact Nativeでこれを行う方法を知っていますか？もしあなたが私をここで助けてくれれば素晴らしいだろう。

どうもありがとう

ALBO

Answer 1

はそれを手に入れました！

あなたは、たとえば、このようなクラスを記述する必要があります。その後

export default class HomeRender extends Component { 
constructor(props){ 
    super(props); 
} 

render() { 
    return (
     <View> 
      <Text> 
       Hi 
      </Text> 
     </View> 
    ); 
} 
} 
module.exports = HomeRender; 

をあなたはHomeRenderからレンダリング機能を呼び出すために、あなたのクラスで次の操作を実行するのは簡単持っている：

var Home = require('./app/components/home/HomeRender'); 
... 
render() { 
<View> 
    <Home /> 
</View> 

} 
... 

Answer 2

このあなたはいつもあなたのコンポーネントをインポートして、このような場所に挿入する必要があります：

好きなレンダーファイルをインポートしてくださいこの：

再び

  var Home = require('./app/components/home/HomeRender'); 

、ヨーヨーは、あなたがこのような特定の内部でレンダリングすることができ、特定のビューで構成されているコンポーネントをインポートしたい場所：

render() { 
    <View> 
     your wish component.... <Home/> 
    </View> 
    } 

これは、ナビゲーション部ならびににあなたの仕事を容易にします必要に応じてビューを返すコンポーネントをレンダリングします。また、反応ネイティブの公式文書に従ってください：https://facebook.github.io/react-native/docs/tutorial.html

Answer 3

別のクラスからレンダリングを呼び出すのは良い方法ではありません。代わりに、新しいコンポーネントクラスを作成し、そのクラスをビューにインポートします。それはレンダリングされます。