Vue2. How to use v-html in JSX

Question

I have quite a short question.

How to use v-html directive in vue JSX syntax?

Thanks in advance for an answer.

Answer 1

Use domPropsInnerHTML (one word, exactly like this, see below).

Example:

export default {
  name: "app",
  data() {
    return {
      msg: 'Something foo bar'
    }
  },
  render() {
    return (
      <h1 domPropsInnerHTML={this.msg}></h1>
    );
  }
};

CodeSandbox demo here.