Reactコンポーネントの静的HTML

Question

生のHTMLで多くのコンポーネントをラップする必要があるReactアプリケーションを作成しています。彼らは状態やパスの小道具を持っていないと私はこれを行うので、クリックするとリンクが適切に特定のコンポーネントをレンダリングできるようにすべてがルータにラップすることができます。言い換えれば

、この...

<div class="foo">some text</div> 
<div class="bar">some more text</div> 

が、このなります。これは、作業を行い、適切に私がする必要があるが、それはないと思える<Router />方法で、すべてのものをラップ

export const App = createClass({ 
    render() { 
    return (
     <div className="App"> 
     <Foo /> 
     <Bar /> 
     <SomecomponentWithprops /> 
     </div> 
    ) 
    } 
}) 

：

export const Foo =() => (
    <div className="foo">some text</div> 
) 

export const Bar =() => (
    <div className="bar">some more text</div> 
) 

、ファイルがApp.jsは、このなりますと呼ばれます。ベストプラクティス/よりダイナミックな方法があるかどうか疑問に思っていますか？

Answer 1

これは方法です。特定のルート上の特定のコンテンツのみを表示したい場合は、行ったように別のコンポーネントに分割する必要があります。