环境变量

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

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

父子组件传值

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

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

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

子组件：

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

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