Fungsi JS yang dilumpuhkan mengganggu operasi biasa kod HTML/JS/Babel
<p>Dalam kod di bawah, saya menjangkakan (konsol dilog) bahawa objek <kod>props</code> hanya mengandungi ahli: <code>className</code>, tetapi ia mengandungi ahli: < ; kod>{ className, id, tiket, permintaan }</code>. Walau bagaimanapun, jika saya mengalih keluar parameter <kod>...lain</kod> daripada <strong>Fungsi Tidak Digunakan</strong><kod>NullComp</kod>, maka objek <kod>props< Satu-satunya ahli ;/code> ialah: <code>className</code>, iaitu apa yang saya jangkakan pada asalnya. </p>
<p>Anda boleh mencubanya sendiri dengan menjalankan kod di bawah: </p>
<p>Gunakan: <kod>...lain</kod>: </p>
<p><br /></p>
<pre class="brush:html;toolbar:false;"><!DOCTYPE html>
<html>
<kepala>
<meta charset="UTF-8" />
<title>Ujian</title>
<script src="https://unpkg.com/react/umd/react.production.min.js"></script>
<script src="https://unpkg.com/react-dom/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
</head>
<badan>
<div id="root"></div>
<script type="text/babel">
fungsi GoalComp({
ID,
tiket,
permintaan,
... prop
}) {
console.log(props);
kembalikan <div>Independent Retriever</div>;
}
</skrip>
<script type="text/babel">
fungsi NullComp({ timeRanges, ...lain-lain }) {
kembali null;
}
</skrip>
<script type="text/babel">
const { useState, useEffect } = React;
const App = () => {
kembali (
<GoalComp
className="mt-10"
id="1"
tiket="IT-ABCD"
request="Peace and Love"
/>
);
};
ReactDOM.render(<App />, document.querySelector("#root"));
</skrip>
</badan>
</html></pre>
<p><br /></p>
<p>不使用：<kod>...lain-lain</kod>：</p>
<p><br /></p>
<pre class="brush:html;toolbar:false;"><!DOCTYPE html>
<html>
<kepala>
<meta charset="UTF-8" />
<title>Ujian</title>
<script src="https://unpkg.com/react/umd/react.production.min.js"></script>
<script src="https://unpkg.com/react-dom/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
</head>
<badan>
<div id="root"></div>
<script type="text/babel">
fungsi GoalComp({
ID,
tiket,
permintaan,
... prop
}) {
console.log(props);
kembalikan <div>Independent Retriever</div>;
}
</skrip>
<script type="text/babel">
fungsi NullComp({ TimeRanges }) {
kembali null;
}
</skrip>
<script type="text/babel">
const { useState, useEffect } = React;
const App = () => {
kembali (
<GoalComp
className="mt-10"
id="1"
tiket="IT-ABCD"
request="Peace and Love"
/>
);
};
ReactDOM.render(<App />, document.querySelector("#root"));
</skrip>
</badan>
</html></pre>
<p><br /></p>
<p>我在这里漏掉了什么？</p>
<p>谢谢！</p>
