reactor nodejs

nextjs 框架中使用.env比较方便， tsx中可以直接使用process.env.XXXX,
依赖部署条件:
如果有nodejs进程则可以用process.env,
如果部署时没有nodejs进程，纯js文件发布时则不能用process.env

create-react-app 这个框架搞出来 .env中的变量必须以REACT_APP_开头， 然后才能以process.env.REACT_APP_XXXX使用

环境变量可以自动从操作系统的环境变量继承， 部署production的时候直接用系统环境变量

hook react： https://www.bilibili.com/video/BV133411C7zm?p=61&vd_source=2ed38a3e28f4501421ae05687e1f4c67
useState： 修改data中的值
useEffect： 生命周期的钩子，

jquery / vue html中写js，
react js中写html 更像java的JSP/PHP/ASP, 可以使用面向对象， component重用更方便, （语法层面）比JSP的限制少

event在多个组件中共享 使用 contextProvider