Reactjs 链接到单独页面上具有参数的不同React组件

Reactjs 链接到单独页面上具有参数的不同React组件,reactjs,react-redux,react-router,Reactjs,React Redux,React Router,我是新来的 我有一个react组件客户,我有一个链接,链接到地址组件。我想传递一个布尔值的道具,它是一个城市地址。我怎样才能在反应中做到这一点 代码 返回( 客户详细信息 地址 ) 地址组件 const Address = ((props) => { const { cityAddress } = props; return (<> {cityaddress ? City Address Details : Address Details} </>

我是新来的

我有一个react组件客户,我有一个链接,链接到地址组件。我想传递一个布尔值的道具,它是一个城市地址。我怎样才能在反应中做到这一点

代码

返回(
客户详细信息
地址
)
地址组件

const Address =  ((props) => {
 const {
    cityAddress
  } = props;

return (<> {cityaddress ? City Address Details : Address Details} </>)
Address.propTypes = {
  cityAddress: PropTypes.bool.isRequired
};

export default Address;
const Address=((道具)=>{
常数{
城市地址
}=道具;
返回({cityaddress?城市地址详细信息:地址详细信息})
Address.propTypes={
城市地址:PropTypes.bool.isRequired
};
导出默认地址;

我认为您应该像这样使用url参数

<Link to=“/address?city=true”>Address</Link>
地址
我认为您可以查看转换目的地的url参数并区分显示。

你觉得怎么样?

你不能通过道具来实现这一点,你需要使用上下文API之类的东西,所以它可以在所有人之间共享pages@Jayce444你是说我不能通过传递参数在react中的页面之间移动吗?@LearnAspNet你在query param上传递的值如下“/address/:cityAddress”@DivyeshKanzariya我正在尝试访问另一个compOneNet。它没有任何参数,它有一个CityAddress的道具。不,你不能通过道具来实现。你可以按照其他人的建议通过参数来实现,或者你必须使用集中存储方法。你实际上没有在
链接所在的位置呈现组件,因此你无法向它传递道具
<Link to=“/address?city=true”>Address</Link>