渲染

渲染分为客户端渲染和服务端渲染，客户端离用户近，方便获取时区等信息，服务端离数据库近，方便查询记录。

组件默认是服务端渲染，一般无法获取用户时区等信息，可以通过 'use client' 指令改为客户端渲染。

// counter.ts

'use client'
 
import { useState } from 'react';
 
export default function Counter() {
  const [count, setCount] = useState(0);
 
  return (
    <div>
      <p>计数 {count}</p>
      <button onClick={() => setCount(count + 1)}>加</button>
    </div>
  );
}

函数默认是客户端调用，无法访问数据库，可以通过 'use server' 指令改为服务端调用。