How to add xml to DOM with ReactJS component

Question

I want to put some xml in the DOM so that it can be accessed by another Component. But when I try to render it, I keep getting prop unknown errors, such as:

warning.js:36 Warning: Unknown prop colour on <category> tag. Remove this prop from the element. For details, see https://facebook.github.io/react/warnings/unknown-prop.html

I don't want React to interpret those attributes as props! It's just xml, not a react component!

This is the code I have:

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

Rami Enbashi · Accepted Answer · 2016-11-18 21:41:46Z

3

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

for more information: https://facebook.github.io/react/docs/dom-elements.html#dangerouslysetinnerhtml

answered Nov 18, 2016 at 21:41

Rami Enbashi

3,5561 gold badge21 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to add xml to DOM with ReactJS component

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related