Reactjs 如何从两个变量连接代码

假设我有两个变量：

const test1 = (<div> ..... </div>);
const test2 = (<div> ..... </div>);

---

？

如果您使用的是React 16.2+，请使用：

{this.array.length！==0？{test1}{test2}:null}

您可以将React片段与短路语法结合使用，使其简短而甜美

render() {
  const test3 = <React.Fragment>{test1}{test2}</React.Fragment>;
  return (this.array.length && test3);
}

render（）{
常量test3={test1}{test2}；
返回（this.array.length&&test3）；
}

如果您使用的是最新版本的React，则可以通过此操作将其缩短。不必键入React.Fragment；）速记是和

const test3={this.array.length！==0？{test1}{test2}:null}

const test3=test1+test2；？这不起作用……太好了，谢谢！（将在8分钟内接受答案哈哈）如果你的配置支持（我知道最新的creat react应用程序支持），你也可以做

…

，这是等效的。这并不是说它有什么不同，只是为了让你知道新的语法，如果你看到它的话。

{this.array.length !== 0 ? <React.Fragment>{test1}{test2}</React.Fragment> : null}

render() {
  const test3 = <React.Fragment>{test1}{test2}</React.Fragment>;
  return (this.array.length && test3);
}

const test3 = {this.array.length !== 0 ? <>{test1}{test2}</> : null }