React.js 组合静态元素

Question

我想动态组合不同的反应元素：

const Addresses = () => {
  const addressElement = () => {
    return  <TextInput
      name="addressLine"
     />;
  };
  const addressElement2 = () => {
    return  <TextInput
      name="addressLine2"
     />;
  };
  let address = addressElement1 + addressElement2;
  return (
    <div>
      address
    </div>);
};

这是打印而不是打印元素：

[object Object][object Object];

Answer 1

这是您想要执行的操作：

return (
  <div>
    { addressElement1() }
    { addressElement2() }
  </div>
);

或者你可以预先将它们放入数组中：

const address = [ addressElement1(), addressElement2() ];
return (
  <div>
    { address }
  </div>
);