JSX的主要目的是感觉像HTML。
renderReact组件的主要目的是呈现“假”（虚拟）HTML。如果您的外部小部件也是React组件，则解决方案很简单：
class MainView extends Component { render() { return ( <div> <h1>Hello look at my cool widget library</h1> <Widget width="600" height="400" /> </div> ); }}您需要确保的是，上面的代码 在 加载了小部件脚本 之后 运行（因此该
Widget组件存在）。确切的解决方案将取决于您的构建系统。
如果您的外部库不是React组件，那么您将无法使用自定义
widget标签，并且必须呈现实际的HTML。
一个大技巧是
render在小部件初始化所需的内容后，不要从中返回，而是手动呈现自己：
class MainView extends Component { render() { // don't render anything return <div/>; }, componentDidMount() { // find the DOM node for this component const node = ReactDOM.findDOMNode(this); // widget does stuff $(node).activateMyCoolWidget(); // start a new React render tree with widget node ReactDOM.render(<div>{this.props.children}</div>, node); }});查看门户网站以了解更多详细信息。
