1

create-react-appを使用して小さな電卓アプリを作成しました。

現時点では、私が開発しているローカル スタンドアロン アプリです。私の目的は、これを既存のサーバー側でレンダリングされた Web サイトに統合することです。

私はいくつかのことを疑問に思っています：

  1. このアプリをcreate-react-appから既存の Web サイトに統合するにはどうすればよいですか?
  2. React アプリを同じページの複数の場所に埋め込むにはどうすればよいですか?

トップレベルでアプリを初期化することになると、私は現在やっています:

render(<App />, document.querySelector('#app'));

しかし、それは私がそれを1つの領域に配置することしかできません.

複数のアプリを持つ最良の方法は何ですか? 互いに同じ状態を維持しなくても、独立して動作しても問題ありません。

ありがとうございました。

4

1 に答える 1

2

複数のコンテナーでアプリを単純にレンダリングできます。

var Hello = React.createClass({
  render: function() {
    return <div>Hello {this.props.name}</div>;
  }
});

ReactDOM.render(
  <Hello name="World" />,
  document.getElementById('container1')
);

ReactDOM.render(
  <Hello name="World" />,
  document.getElementById('container2')
);

ここに例があります

于 2016-12-13T10:21:05.380 に答える