在 Autodesk ForgeViewer v7.+ 中使用 React 渲染

Question

如何在 Forge Extensions 中使用 React 库中的 render 和 return，exp。这里：（我想使用 WidgetContainer 组件作为侧边栏） Viewing.Extension.IoT.2

Answer 1

只需使用 ReactDOM 在您的查看器扩展中呈现组件，如下所示：

import ReactDOM from 'react-dom'
//...
class YourExtension extends Autodesk.Viewing.Extension {

//...
load(){
ReactDOM.render(<ReflexElement
              propagateDimensions
              renderOnResize
              minSize={101}
              flex={0.4}
            >
              <IoTGraphContainer
                item={state.activeItem}
              />
            </ReflexElement>
        }
      </ReflexContainer>, container)

return true
}

//...

}

看个例子here

在 Autodesk ForgeViewer v7.+ 中使用 React 渲染

using React render in Autodesk ForgeViewer v7.+

reactjs

autodesk-forge