如何使用ReactJS組件將XML添加到DOM

Question

我想在DOM中放入一些xml，以便其他組件可以訪問它。 但是，當我嘗試渲染它時，會不斷收到一些未知錯誤，例如：

warning.js：36警告： <category>標簽上的道具colour未知。 從元素中刪除此道具。 有關詳細信息，請參見https://facebook.github.io/react/warnings/unknown-prop.html

我不希望React將那些屬性解釋為道具！ 它只是xml，不是react組件！

這是我的代碼：

class DefaultToolbox extends Component {
  render() {
    // static xml
    return (
      <xml id="toolbox" style={{display: "none"}}>
        <category name="Logic" colour="#5C81A6" />
        // ... etc etc
      </xml>
    );
  }
}

Answer 1

return (<span dangerouslySetInnerHTML={{ __html: `<xml ..> ... </xml>` }}/>);

有關更多信息： https : //facebook.github.io/react/docs/dom-elements.html#dangerouslysetinnerhtml