[react] | react学习(二) | 使用react hooks创建三维应用

说明

之前使用class组件的方式创建三维应用,今天试着使用react hooks创建function 组件。

function 组件与 class 组件最大的不同是 function 组件能够捕获渲染的值,而 class 组件因为 react 中 this 是可变的,

所以总是能获取最新的 props,会导致一些setTimeout函数组合使用时出现难以捕捉的异常。

 React Hooks 的设计目的,就是加强版函数组件,完全不使用"类",就能写出一个全功能的组件

 组件尽量写成纯函数,如果需要外部功能和副作用,就用钩子把外部代码"钩"进来

1.创建app3d组件

[react] | react学习(二) | 使用react hooks创建三维应用

2.创建viewer组件

[react] | react学习(二) | 使用react hooks创建三维应用

3.修改路由

[react] | react学习(二) | 使用react hooks创建三维应用

启动应用!

效果

[react] | react学习(二) | 使用react hooks创建三维应用