我想从li元素构建一个ul列表,但是li元素将来自不同的来源,因此我无法在一个声明中做到这一点。看来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>;
还有另一种方法可以做到这一点吗?
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);
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句