首先呢！作为一个前前端实习生，拿的出手的就是react框架的东西了，刚好面试的公司恰好是react前端+大数据开发，刚好大佬又说项目中要加入3d想过，没办法，面向产品经理编程。
于是没办法，只能硬着头皮上，搞three.js,由于个人使用react不久，所以只能一个坑一个坑的踩。
出现了很多问题，首先出现的就是div的获取问题，因为react是但single Page ，所以你不能想写3d中的demo那样直接就是document.body.appendChild(''),所以我们需要解决这么一个问题。推荐在componentDidMount 中使用document.getElementById(id),id是你在当前组件定义好的标签的id，推荐使用div标签。
一、导入three.js模块
为什么要讲这个呢，因为npm install three 安装完模块之后，有些模块你是不能直接用的，需要你用另类的方法导入，比如说呢！把我的案例导入奉上
three.js模块导入问题
肯定有人会说，傻不傻呀，直接使用模块点出来不就好了吗?你用过你就回发现其实是点不出来的，因为全局变量three和局部有冲突
网友评论