React JS需要从一个页面到另一个页面获取数据

Question

我正在尝试制作一个测试项目，其中我有一个产品列表页面和一个签出页面，现在当我点击产品添加到购物车按钮时，它应该会将数据保存到useState数组中，并且我应该能够将数据从状态传递到签出页面。我有点困了，请帮帮

Answer 1

您可以使用React Router:中的Link组件

<Link
to={{
pathname: `/checkout/${productId}`,
state: { data:productData }
}}
/>

或者您可以使用history.push((例如：

props.history.push({
pathname: `/checkout/${productId}`,
state: { data:productData }
});

根据这个，你可以消费这样的状态：

const Checkout = (props) => {
const {state} = props.location
return <></>
}