Как передать данные на другую страницу в reactjs

#reactjs #react-redux #react-router #frontend #web-frontend

#reactjs #react-redux #react-маршрутизатор #интерфейс #веб-интерфейс

Вопрос:

это мой Name.js файл Я хочу отправить данные ответа API ‘name’ на другую страницу, как я могу отправить эти данные на другую страницу. Я хочу сохранить эти данные на другой странице, я пробовал разные методы, но у меня ничего не получается «‘

 const Test =  () => {
        const [name, setname] = useState("");
        const [firstname, setfirstname] = useState("");

     const  handleSubmit = async e => {
       e.preventDefault(); 
       var axios = require('axios');
        var data = JSON.stringify({"firstname":firstname,});

        var config = {
          method: 'post',
          url: 'URL',
          headers: { 
            'Content-Type': 'application/json'
          },
          data : data
        };

        axios(config)
        .then(function (response) {
          setname(response.data.ERR)
          console.log(JSON.stringify(response.data));
       
        })
        .catch(function (error) {
          console.log(error);
        });

        
          };
return (
<div></div>
)
} 
  

»’

Комментарии:

1. Вы можете хранить эти данные глобально, если используете redux, или передавать эти данные по маршруту.

2. можете ли вы поделиться кодом для этого? Как разделить дату с маршрутом. @DivyanSoni

3. используете ли вы react-router?

4. да, я использую

5. вы можете использовать history.push({путь: «/другая страница», состояние: {имя: name}}) и получить значение в AnotherPageComponent с помощью location.state.name