2

バックグラウンド

私の React アプリは現在、3 つのトップレベル コンポーネントで構成されています。ヘッダー、説明の段落、およびアプリ自体で、一連の子コンポーネントをラップします。最後の部分は問題ありません。各子コンポーネントが独自のファイルに抽出され、インポートされます。

さて、私のメインの JavaScript ファイルには、これら 3 つのコンポーネントがあり、その下にReactDOM.render(...)それぞれの呼び出しがあります。これは、後でさらにコンポーネントを追加する必要がある場合は特に、少し乱雑に見えます。

質問

今日の基準によれば、これらを独自のファイルに抽出する必要がありますか? もしそうなら、これを行うための最良の (または少なくとも良い) 方法は何ですか?

4

2 に答える 2

1

この場合、1 つのメイン コンポーネントを作成し、他の 3 つのコンポーネントをラップすると、コードは次のようになります。

var App = React.createClass({
  render: function() {
    return <div>
      <Header />
      <Paragraph />
      <Explanation />
    </div>;
  }
});

ReactDOM.render(<App />, document.getElementById('put here your root id'));
于 2016-07-16T05:14:43.617 に答える
0

ReactDom.render のエントリ ポイントを 1 つだけ使用する

class App extends React.component {

render(){
       <div>
          <Header />
          <ParagraphExplanation />
      </div>

}

}

ReactDOM.render(<App />, document.getElementById('id'));
于 2016-07-16T09:09:45.960 に答える