说明

之前使用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创建三维应用

相关文章:

  • 2022-02-16
  • 2022-12-23
  • 2021-09-03
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-29
  • 2021-08-12
  • 2021-11-16
相关资源
相似解决方案