React New Line

Component props new line

// 1.
render() {
    return (
        <div>
            <div>{"One"}</div>
            <div>{"Two"}</div>
            <div>{"Three"}</div>
        </div>
    );
}

// 2.
render() {
    var text = "One\nTwo\nThree";
    return (
        <div>
            {text.split("\n").map((i,key) => {
                return <div key={key}>{i}</div>;
            })}
        </div>
    );
}

// 3.
render() {
    return (
        <Message props={<span>One</span><span>Two</span>} />
    )
}