第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在React JSX中顯示HTML標記

在React JSX中顯示HTML標記

翻閱古今 2021-03-29 14:15:23
想要直接將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組件文件import React, { Component } from 'react';import html from './code/htmlCodeSnippet';...  render() {    return (      <div>        {html}      </div>    )  }}我正在導入要在組件中顯示的html文件。我將使用html熒光筆顯示代碼。每當我引用時{html},它不會顯示所有html元素。它只是顯示為123
查看完整描述

1 回答

?
慕雪6442864

TA貢獻1812條經驗 獲得超5個贊

您需要進行一些更改。首先更改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>`;

并使用pre和code元素包裝htmlrender方法,即


<pre><code>{html}</code></pre>


查看完整回答
反對 回復 2021-04-08
  • 1 回答
  • 0 關注
  • 433 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號