Возврат данных компонента с помощью переключателя и хуков - PullRequest
Новая
       14

Возврат данных компонента с помощью переключателя и хуков

0 голосов
/ 25 марта 2019

Я пытаюсь сделать переключение внутри функции, и я использую реагирующие хуки. Переключатель работает нормально, но я не могу вернуть компонент .. почему? Идея состоит в том, что, проходя через массив, я загружаю соответствующий компонент со всеми его данными в этот момент. 

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

}

1 Ответ

0 голосов
/ 25 марта 2019

Вам, вероятно, нужен этот ресурс: https://www.robinwieruch.de/react-pass-props-to-component/

Я не думаю, что это правильный способ вызова компонента в реакции

...