JSX中的class陷阱以及html解析问题

1、使用class样式显示或者不显示，但是浏览器控制台会发现Warning警告:

index.js:1437 Warning: Invalid DOM property `class`. Did you mean `className`?
    in input (at Xiaojiejie.js:19)
    in div (at Xiaojiejie.js:18)
    in Xiaojiejie (at src/index.js:5)

把class换成className，防止与js中的class类名冲突

2、如果想在文本框里输入一个<h1> 标签，并进行渲染。默认是不会生效的，只会把 <h1>标签打印到页面上，这并不是我想要的。如果工作中有这种需求，可以使用dangerouslySetInnerHTML属性解决。具体代码如下：

import React, {
    Component } from 'react';
import style from './style.css';
class Service extends Component {
   
  render() {
   
    return (
      
      <div>
        <