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

Question

有什么方法可以将字符串形式的代码呈现到React组件中吗？我尝试过dangerouslySetInnerHTML、React解析器和React Markdown，但都不起作用。

cons data = ` <script>
var myVar1 = setInterval(function() {
myTimer1();
}, 1000);
function myTimer1() {
var d1 = new Date();
document.getElementById("clock1").innerHTML = d1.toLocaleTimeString();
}
</script>
<h3 id="clock1"></h3>`
<div dangerouslySetInnerHTML={{__html: data}} />

``

Answer 1

你可以试试这个。

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>

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