React-STLLoader-Compnent

把threejs的STLLoader封装成React组件

A React Compnent with using THREE.STLLoader

初始化

依赖

确保已经安装 React, 再安装 Three.js

• Three.js installed via npm (npm install three)

安装

npm install react-stlloader-component

使用

import React from 'react';
import ReactDOM from 'react-dom';
import Loader from 'react-stlloader-component';

class Example extends React.Component {

    render() {
        return (
            <Loader url={你需要填写的 xxx.stl 文件URL}
                    width={500}
                    height={500}>
            </Loader>
        );
    }
}

ReactDOM.render(
    <Example/>, document.getElementById('root')
); 

载入新的STL文件,将会刷新并且载入新的文件

<Loader url={this.state.url}
        width={500}
        height={500}>
</Loader>

handleChangeSTL() {
    this.setState(
        {url: // 新的 xxx.stl  URL}
    );
}

Good luck to you!