react elements或者说jsx可以被重复使用吗？

Question

React.createElement返回的是只读的不变的对象，但是可以重复使用吗？
以避免，每次调用都要反复创建很大的对象。
例如：

const A = <div>aaa</div>;
const B = <span>bbb</div>;

function Foo(props)
{
    return props.x?A:B;
}

function Bar(props)
{
    //这里是是否可以同一个react element出现在dom tree中多处位置
    return <div>
        {A}{B}{A}{B}
        <span>{A}</span>
    </div>
}

经过测试，是可以运行没有warning的。但是我看了很久的文档，没有找到是否可以这样做。

Answer 1

当然可以。

但如果你是出于性能考虑那大可不必。