ReactJS refre sh функция списка карт () после отправки данных - PullRequest
Новая
       14

ReactJS refre sh функция списка карт () после отправки данных

0 голосов
/ 24 января 2020

У меня есть данные из базы данных. Я получил данные из базы данных в виде вкладок. Как отдельная вкладка, она используется для добавления новой информации. Новые данные в настоящее время сохраняются в базе данных. Однако список не обновляется при загрузке новых данных. Когда я нажимаю новую вкладку, данные автоматически загружаются, и вкладка должна быть активной для добавленных данных. Так что теперь мне нравится этот код сейчас: 

if (CreateDatData === 'create') {
    let params = {
        "def_id": id,
    };
    api.postItem("/detention", params)
        .then(res => {
            let response = res.data;
            console.log("Saved");

        }).catch(e => {
        console.log(e.toString());
    })
}
//My Tab like this
<Tab.Container defaultActiveKey="first">
                    <Tabs onSelect={k => setCreateDet(k)}>
                        {detention.map(item =>
                            (
                                <Tab eventKey={item.id} key={item.id} title="Tab No">
                                    <UpdateDetentionInfo
                                        id={item.id}
                                    />
                                </Tab>
                            )
                        )}
                        <Tab eventKey="create" title="Add A New Tab"/>
                    </Tabs>
                </Tab.Container>

Этот код в настоящее время работает. Но функция map() должна обновляться после вставки новой вкладки. Я получаю список следующим образом. 

 const loadNetwork = () => {
    setLoading(true);
    setError(false);
    const data = api.getItems(`users/${id}`, {
        expand: "card,avatars,detention"
    }).then(res => {
        let response = res.data;
        setData(response);
        setCardData(response.card);
        setAvatars(response.avatars);
        setDetentions(response.detention); //datention map
    });

После того, как новые данные были загружены мне, значения map() должны быть обновлены. Как я могу это сделать?

...