为什么我不能在反应原生中使用jsx like变量

Question

也许我想创建这样的数据。

let foo = <Text>test</Text>;

或

let bar = {
  one: <View><Text>test</Text></View>,
};

我在return (<foo />);中使用这些变量时出错，我应该如何处理上述数据结构：（

谢谢你的时间。

问候。

Answer 1

不完全确定你要完成的任务。

但你可以这样建立你的组件：

let foo = () => {
  return (
    <Text>test</Text>
  );
};

然后在渲染函数的另一个中使用它<foo />

Answer 2

在提供的示例中，您要返回<foo />组件，而不是引用foo组件的<Text>变量。如果将<Text>test</Text>分配给foo，您可以return foo。

return (<Text>test</Text>);

与：

相同

let foo = <Text>test</Text>;
return foo;