我在 Chrome 上使用 React/redux/react-router 时遇到了一些奇怪的行为。我有一个如下所示的组件:
const PageHeader = withRouter( props =>
<Form plain={true} onSubmit={() => props.history.push("/search")} >
{/*component stuff goes here */}
)
当我在 Firefox 上提交表单时,它会将我带到正确的网址,即 http://myip/#/search 。然而在 Chrome 上,它带我到以下网址:http://myip/?#/search由于某种原因,这也会刷新应用程序,因此我丢失了商店中的所有状态。以前有人观察过这种行为吗?
(也适用于我正在使用的表单组件 grommet )
最佳答案
尝试通过将表单更改为来抑制默认提交行为
<Form plain={true}
onSubmit={(e) => { e.preventDefault(); props.history.push("/search")}} >
关于javascript - React Router HashRouter 插入一个 ?网址中的 # 之前,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43919092/