6

li 要素から ul リストを作成したいのですが、li 要素はさまざまなソースから取得されるため、1 つのステートメントでは実行できません。JSX は一連の子要素を処理できないようです。これにより、構文エラーが発生します。

var items = <li>S</li>
  <li>S</li>
  <li>S</li>;

理想的には、次のようなことをしたい:

var items1 = <li>S</li>
  <li>S</li>
  <li>S</li>;
var items2 = <li>S</li>
  <li>S</li>
  <li>S</li>;
var list = <ul>{items1}{items2}</ul>;

これを達成する別の方法はありますか？

4

1 に答える 1

10

JSX は Javascript 構文に非常に直接的に脱糖するため、自由に組み合わせることができます。

/** @jsx React.DOM */
var items1 = [ <li>S</li>,            var items1 = [ React.DOM.li({}, "S"),
               <li>S</li>,                           React.DOM.li({}, "S"),
               <li>S</li> ];                         React.DOM.li({}, "S") ];
var items2 = [ <li>S</li>,            var items2 = [ React.DOM.li({}, "S"),
               <li>S</li>,                           React.DOM.li({}, "S"),
               <li>S</li> ];                         React.DOM.li({}, "S") ];
var list = <ul>{items1+items2}</ul>;  var list = React.DOM.ul({}, items1+items2);
于 2014-01-31T19:00:13.260 に答える