Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 在react中使用物料UI进行路由时,如何更改本地主机端口?_Reactjs_Material Ui - Fatal编程技术网

Reactjs 在react中使用物料UI进行路由时,如何更改本地主机端口?

Reactjs 在react中使用物料UI进行路由时,如何更改本地主机端口?,reactjs,material-ui,Reactjs,Material Ui,我使用带有to={'}属性的material ui react按钮来路由到具有不同端口的新页面 应用程序在localhost:3000上运行,但当我使用此按钮路由时,我想更改为localhost:8080。现在我像to={{${process.env.UAA_HOST}/UAA/create_account}这样做,通过获得正确的端口几乎可以工作,但问题是它只是将其添加到localhost:3000上,这样路由是: 如何仅替换端口号?React router的to方法是一个路由器感知锚,因此它试

我使用带有
to={'}
属性的material ui react按钮来路由到具有不同端口的新页面

应用程序在localhost:3000上运行,但当我使用此按钮路由时,我想更改为localhost:8080。现在我像
to={{${process.env.UAA_HOST}/UAA/create_account}
这样做,通过获得正确的端口几乎可以工作,但问题是它只是将其添加到localhost:3000上,这样路由是:


如何仅替换端口号?

React router的
to
方法是一个路由器感知锚,因此它试图在当前页面中链接。如果需要外部链接,建议使用
标记。您可以将其与物料ui
按钮一起使用,如下所示:

const MyLink = () => <a href='${process.env.UAA_HOST}/uaa/create_account'/>

<Button component={MyLink}>
    Link
</Button>

啊,很有趣,谢谢。唯一的问题是我丢失了材质ui按钮样式。你知道如何保留它吗?我不确定是否使用上述方法,但你也可以将你的按钮组件包装成一个
好的,谢谢,我用了另一种方法,那就是简单地添加
href='${process.env.UAA\u HOST}/UAA/create\u account
作为按钮属性
<a href='${process.env.UAA_HOST}/uaa/create_account'>  // this
    <Button href='${process.env.UAA_HOST}/uaa/create_account'  // or this>Link here</Button>
</a>