Bagaimana untuk menggunakan React/JSX untuk menunggu React dimuatkan sebelum gaya dimuatkan?
<p>Saya terus mengalami masalah ini apabila menggunakan js/jsx/react, logik saya berjalan sebelum halaman dimuatkan dan oleh itu, saya terus mendapat ralat tentang apa yang bukan kod saya Cuba untuk melaksanakan sebelum halaman selesai dimuatkan, menyebabkan banyak kesilapan. </p>
<p>Bagaimanakah saya secara konsisten menghalang perkara ini/melindungi diri saya daripada masalah ini? </p>
<p>Saya telah mencuba menggunakan sekumpulan fungsi window.onload() tetapi itu tidak sesuai dan saya rasa ada cara yang lebih baik untuk melakukan ini, yang saya tidak dapat mencari dengan googling atau hidupkan borang.< !-- p-->
</p>
<pre class="brush:php;toolbar:false;">// contoh isu saya ialah ralat kod berikut secara konsisten:
fungsi Tajuk() {
var text = "Hello";
var arr = [];
//tukar perkataan ke dalam tatasusunan aksara
untuk (biar i=0; i<=text.length; i++){
console.log("gelung")
arr.push(text.charAt(i));
}
//keluarkan setiap huruf ke dalam rentang
const listItems = arr.map((nombor) => <span>{number}</span>);
// kedua-duanya tidak berfungsi
// document.getElementById('title').style.color = ('rgba(0, 0, 0, 0.0)');
// document.getElementById('title').style.color = "#ffFFff"
kembali (
<h1 id='title'>{listItems}</h1>
)
}</pre>
<p>Pepijat yang sering saya dapat ialah reaksi yang mendakwa gaya yang diisytiharkan jsx yang saya cuba ubah/akses "tidak wujud", tetapi jika saya cuba menukarnya dalam konsol penyemak imbas, ia berfungsi dengan baik. </p>