Javascript 在react jsx中显示html标记

Javascript 在react jsx中显示html标记,javascript,html,reactjs,react-redux,jsx,Javascript,Html,Reactjs,React Redux,Jsx,想要在我的模板中直接显示html标记 这是我正在编写要显示的html代码的文件。我想显示所有的html元素 import React from 'react'; const html = ( <div> <ul> <li>1</li> <li>2</li> <li>3</li> </ul> </d

想要在我的模板中直接显示html标记

这是我正在编写要显示的html代码的文件。我想显示所有的html元素

import React from 'react';

const html = (
  <div>
      <ul>
         <li>1</li>
         <li>2</li>
         <li>3</li>
      </ul>
  </div>
);

export default html

你需要做一些改变。首先将
html
更改为字符串,即

const html = `
   <div>
      <ul>
         <li>1</li>
         <li>2</li>
         <li>3</li>
         <li>4</li>
         <li>5</li>
      </ul>
      <p>hello</p>
  </div>`;

你怎么确定它没有显示div标签?@lakerskill你是什么意思?因为当我查看页面时,没有显示任何元素。
1
2
3
const html = `
   <div>
      <ul>
         <li>1</li>
         <li>2</li>
         <li>3</li>
         <li>4</li>
         <li>5</li>
      </ul>
      <p>hello</p>
  </div>`;