"require"でインポートされたコンポーネントをどのようにレンダリングできますか？

Question

ファイルToRender.js：

... 

const ToRender = props => (
    <View /> 
); 
export default ToRender; 

別のファイル：

let ToRender = require('./ToRender'); 
class App extends Component { 
    render() { 
     return (
      <View> 
       {ToRender} // got Invariant Violation error 
      </View> 
     ); 
    } 
); 

私は "輸入"

import ToRender from './ToRender'; 
// then use it in the render method <ToRender /> 

でそれを行うことができることを知っている。しかし、私はそれが可能だかどうか思ったんだけど「必要」でこれを行うには

Answer 1

これを試す：

export default class myView extends React.Component { 
    render() { 
    return (
    <View/> 
    ) 
    } 
} 

そして、それをインポートし、それを使用する：これは動作するはず

import myView from "./myView.js"; 

<myView> 

。 RequireはReact-Nativeではサポートされていません。それは "インポート"に置き換えられました。お役に立てれば！