在Reaction中将JS字符串转换为HTML组件

5f0d552i 于 2022-09-21 发布在 React

关注(0)|答案(1)|浏览(107)

有没有任何方法可以将字符串形式的代码呈现到Reaction组件中，我已经尝试了DangerouslySetInnerHTML、Reaction-Parser和Reaction Markdown，但都不起作用。

<script>
  var myVar1 = setInterval(function() {
    myTimer1();
  }, 1000);

  function myTimer1() {
    var d1 = new Date();
    document.getElementById("clock1").innerHTML = d1.toLocaleTimeString();
  }
</script>
<h3 id="clock1"></h3>

reactjs

来源：https://stackoverflow.com/questions/73796215/convert-js-string-into-html-component-in-react

1条答案

按热度按时间

nwwlzxa71#

你可以试试这个。

const [dateTime, setDateTime] = useState(600); // i set sec
useEffect(() => {
    if (dateTime == 0) { // when sec left 0
      setDateTime(0);
    } else {
      const interval = setInterval(() => {
        setDateTime((leftTime) => leftTime - 1);
      }, 1000);
      return () => clearInterval(interval);
    }
  }, [dateTime]);
<div className="time-count">
   {new Date(dateTime * 1000).toISOString().substr(14, 5)} //this will show sec you can set date if you want 
</div>

您可以使用此格式并自定义此代码。

赞(0）回复(0）举报 2022-09-21

我来回答

在Reaction中将JS字符串转换为HTML组件

1条答案

相关问题

热门标签

最新问答