React Native - state hook 更新并重新渲染组件，但没有任何显示

Question

所以这是代码：

export default () => {
    const [albums, setAlbums] = useState([]);
    useEffect(() => {
        MediaLibrary.getAlbumsAsync().then((tmpAlbums) => {
            setAlbums(tmpAlbums);
        });
    }, []);
    return (
        <View>
            {albums && (
                <FlatList
                    data={albums}
                    renderItem={({ item }) => {
                        <Text>{item.title}</Text>;
                    }}
                />
            )}
        </View>
    );
};

我确定状态会更新，因为我记录了它并且它已更新，我已经拥有权限并且为了简单起见我只是删除了它。我已经尝试了所有方法，但 component/screen.

上没有显示任何内容

Answer 1

您没有退回 Text。

要么

{albums && (
   <FlatList
     data={albums}
     renderItem={({ item }) => {
       return (<Text>{item.title}</Text>)
     }}
   />
 )}

或者

{albums && (
  <FlatList
    data={albums}
    renderItem={({ item }) => (
      <Text>{item.title}</Text>)
    )}
   />
 )}