javascript - 如何显示 html 内容 - nextjs

Question

我有一个文本区域。我想在用户输入时实时显示我的文本。但新行和空闲空间被忽略。我正在使用html-react-parser图书馆。

import parse from 'html-react-parser';


  return (
    <div className="card-postal-main-picture-wrapper">
      
      <div className="card-postal-main-picture">
        <img
          src="/img/card-postal-picture.png"
          alt=""
          className="main-picture"
        />
        <div className="card-postal-text" style={{ textAlign }}>
          {textes.map(item => {
            return (<span style={{ fontFamily: newFontName }}>
              {item.text?parse(item.text):""}</span>)
          })}
        </div>
      </div>
    </div>
  );
};

标签： javascriptnext.js