环境变量

优先加载.env .env.local文件
其次按环境加载.env.development 或者 .env.production

暴露给前端的环境变量值需要加上NEXT_PUBLIC
比如 NEXT_PUBLIC_API
这样就可以通过process.env.NEXT_PUBLIC_API获取到该值

父子组件传值

在ssr模式下，相同url不会立马主动渲染
需要主动渲染的父子传值，最好使用客户端渲染'use client'
父组件：

typescript
const [title, setTitle] = useState('')
const titleChange = (event)=> {
  setTitle(title)
}

return <Child title={title} onchange={titleChange}></Child>

子组件：

typesript
export default function Child(props)=> {
    const { children,title, titleChange } = props;
    <input value={title} onchange={titleChange}></input>
    {{children}}
}

这样子组件中的input框数值改变,父组件的title字段也会改变
父组件的title改变，子组件的input框值也会改变