reactjs - React.js 结合静态元素

Question

我想动态组合不同的 react 元素:

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>
);