如何使用钩子动态添加组件

Question

我正在尝试以这种方式在 React Native 中使用钩子将动态组件添加到视图中：

const AssetDetailScreen = (props) => {
const [details, setDetails] = React.useState('');
React.useEffect(() => {
getAssetDetailData()     
});
getAssetDetailData = () => {
assetDetailPromise().then((data) => {
setDetails(data)
}).catch((error) => {
...
});
}

assetItems = details.map((item) => {
return(
<Text>{item.label}</Text>
)
})
return (
<View>
{assetItems}
</View>
)
}

但是我收到此错误：

TypeError: undefined is not a function (near '... details.map...')

如何解决此问题？ 有什么解决方法吗？

Answer 1

我通过替换以下行解决了这个问题：

const [details, setDetails] = React.useState('');

有了这个：

const [details, setDetails] = React.useState([]);