Question

我在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）

Answer 1

尝试通过将表单更改为

来禁止默认提交行为

<Form plain={true} 
    onSubmit={(e) => { e.preventDefault(); props.history.push("/search")}} >

React Router HashRouter插入？在#in url

1 个答案: