Эффект загрузки с помощью реактивных крючков - PullRequest
Новая
       3

Эффект загрузки с помощью реактивных крючков

0 голосов
/ 02 апреля 2019

Я прилагаю усилия, чтобы реализовать загрузку, используя крючки для реагирования. Я могу сделать это с помощью componentDidMount, но это приложение использует Hoocks. Я создаю состояние и состояние изменения, но я не могу установить и использовать его в моем HTML. Вот мой код:

Прежде всего, я сделал запрос get с помощью axios и async / await 

const fetchContent = async content => {
    const data = []

    for await (const item of content) {
            const info = await axios.get(
                `url/id`
            )
                data.push({ componentDisplay: item.title });
       }
    return data
}

тогда я называю это "usseEffect" 

const ContentGroups = ({ content , ads}) => {
    const [contentResult, setResult] = useState([])

    const [contentLoading, changeCondition] = useState(true)

    const change = () => {
       changeCondition(false) 
   }

    useEffect(
        () => {
            fetchContent(content).then(data =>  setResult(data)
            change() 
        },
        [content]
    )
    return (

        <React.Fragment>
            { contentLoading ? <Loading /> : <Conteiner> } // always show me the container, although contentLoading innitial state is true..
        </div>

        </React.Fragment>
    )
}
...