使用开关和挂钩返回组件数据

Question

我正在尝试在函数内部进行切换，并且我正在使用反应挂钩。开关工作正常但我无法返回组件..为什么？我的想法是，当我浏览数组时，我会在那一刻加载相应的组件。

export default function Content({content}) {

const [contentBooks, setContentBooks] = useState(null);
const [contentFilms, setContentFilms] = useState(null);

async function data() {

    return await Promise.all(content.map(element => element.content).map(async item => {
        if (item.type == 'DETAIL') {
            switch (item.type) {
                case 'BOOKS':
                    const bookstype = await axios.get(`url`)
                    setContentBooks(bookstype)
                    return <Componen1 info={contentBooks} // --> not work
                case 'FILMS':
                    const filmstype = await axios.get(``)
                    setContentFilms(filmstype)
                    return <Componen2 info={contentFilms} // --> not work

                default:
                    return null;
            }
        }
    }))
  }

 useEffect(() => {
    const fetchData = async () => {
       const result = await data()
  };

   fetchData();
}, [content]); 



return (
   <React.Fragment></React.Fragment>
   )

}

Answer 1

您可能需要此资源：https://www.robinwieruch.de/react-pass-props-to-component/

我不认为这是在反应中调用组件的正确方法