Как передать данные из useParams в другую функцию?

Question

[stepbystep]

Я использую перехватчики useParams для получения id URL-адреса. В компоненте AppMessageItems я получаю id, но как я могу отправить эти данные в функцию getMessages для отправки в endpoint. Но когда я пытаюсь получить id параметра в функции getMessages, реагирует на ошибку при использовании хуков (invalid using hooks).

const AppMessageItems = ( {messages, getMessages} ) => {

        let { id } = useParams();

        console.log(id) // 123

        useEffect( () => {
            const setUserMessageDataToLocalStorage = localStorage.getItem('token');
            getMessages(setUserMessageDataToLocalStorage)
        }, []);

            return (
                <Container>
                        <TabPanelContainer>
                            <TabPanelHeader/>
                            <TabPanelBody />
                            <TabPanelFooter/>
                        </TabPanelContainer>
                </Container>
            )
    };


    const getMessages = (token) => async (dispatch) => {

       // test data
        const all = {
            pass: 'Hello World',
        };

        try {
            const getMessages = await axios.post(API.getUserMessages, {}, {headers: {"Authorization": 'Bearer ' + token}})
            .then(res => res.data);

            dispatch(getMessagesDispatch(all));
        } catch (err) {
            console.log("Error GET_MESSAGES");
        }
    };

Answer 1

[abberati]

Вторым параметром id передавайте

Comments

[stepbystep]

Спасибо) так и сделал