重新加载页面后立即填写字段

我的NextJS应用程序中有搜索页面。网址示例- /search?q=Naaarutoo。再举例来说，重装我只想集“Naaarutoo”作为输入值后（我知道如何设置查询参数输入值）立即。

如果我们仔细观察，将会发现该领域没有得到满足：

我认为这是因为服务器端将简单的HTML返回给客户端，然后才开始执行客户端。如果我错了纠正我。

import React from 'react'
import {Formik, Form, Field} from 'formik'

const Search = ({router: {query}}) => (
  <Formik enableReinitialize onSubmit={() => {

  }} initialValues={{q: query.q || ''}} render={() => (
    <Form>
      <Field name='q' type="search" placeholder="Find something"/>
    </Form>
  )}/>
)

export default withPageRouter(Search)

最近更新：

我不知道为什么，但是它有效（我不记得自己做了什么（谢谢）），好的，谢谢大家的帮助。