如何在React.js中将数据传递到另一个页面

Question

这是我的Name.js文件 我想将API响应数据“名称”发送到另一页，如何将这些数据发送到另一页。 我想将该数据存储在另一页上，我尝试了不同的方法，但没有得到 '''

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

'''