动态获取数据，每一次访问页面的时候都会发出这个操作，可以在这里取数据，然后传递到页面上进行渲染

    1. export default (props) => {
    2.   ecffect(() => {
    3.       console.log(props);
    4.   });
    5.     return (
    6.       <>
    7.       {props.name}
    8.     </>
    9.   )
    10. }
    12. export const getServerSideProps = async (ctx) => {
    13.     // 此方法需要返回一个 props 节点，这个节点中的内容在组件中会被合并到属性上
    15.   return {
    16.       props: {
    17.         name: 'Tom'
    18.     }
    19.   }
    20. }

    这个方法是在服务端运行，所以会早于 React.Effect。

    在 TS 可以用 next 提供 GetServerSideProps 接口。