Javascript 重定向到向重定向到的组件传递一些值

我想在用户单击按钮后，将一些值从一个组件传递到另一个组件

第一个组件测量带有值测量->用户单击按钮->第二个组件详细信息渲染测量

为了实现这一点，我使用react路由器dom的重定向

无法读取未定义的属性“props”

我也试过：

function Details({survey){
    console.log(survey) // Undefined
    return "test"
}

及

我真的不明白我做错了什么。我将遵循以下文件： 这在功能组件中是不可访问的。您需要这样做：

import { useHistory } from "react-router-dom";

function Details(props){
    const history = useHistory();
    console.log(history.location.state.location);

    return <p>Test</p>
}

export default Details;

希望这对您有用。

这在功能组件中是不可访问的。您需要这样做：

import { useHistory } from "react-router-dom";

function Details(props){
    const history = useHistory();
    console.log(history.location.state.location);

    return <p>Test</p>
}

export default Details;

---

希望这对您有用。

要将组件连接到路由信息，您应该使用withRouter HOC或useHistory挂钩

以路由器为例：

从react路由器导入{withRouter}； 函数详细信息操作{ console.logprops.history.location.state.location； 回归检验

} 导出带有RouterDetails的默认值；

---

要将组件连接到路由信息，应使用withRouter HOC或useHistory挂钩

以路由器为例：

从react路由器导入{withRouter}； 函数详细信息操作{ console.logprops.history.location.state.location； 回归检验

} 导出带有RouterDetails的默认值； 这不是关于反应路由dom，而是关于如何将props属性传递给功能组件。由于错误是props undefinedI，我也尝试过，但仍然存在类似的错误。这不是关于react route dom，而是关于如何将props属性传递给功能组件。由于错误是props undefinedI，我也尝试过没有此错误，但仍然存在类似的错误

function Details({ location: survey }){
    console.log(survey) // Undefined
    return "test"
}

import { useHistory } from "react-router-dom";

function Details(props){
    const history = useHistory();
    console.log(history.location.state.location);

    return <p>Test</p>
}

export default Details;