Les fonctions JS désactivées interfèrent avec le fonctionnement normal du code HTML/JS/Babel
<p>Dans le code ci-dessous, je m'attendais (console enregistrée) à ce que l'objet <code>props</code> contienne uniquement le membre : <code>className</code> ; code>{ nom de classe, identifiant, ticket, demande }</code>. Cependant, si je supprime le paramètre <code>...others</code> de <strong>Unused Function</strong><code>NullComp</code>, alors l'objet <code>props< Le seul Le membre de ;/code> est : <code>className</code>, ce qui correspond exactement à ce à quoi je m'attendais à l'origine. </p>
<p>Vous pouvez l'essayer vous-même en exécutant le code ci-dessous : </p>
<p>Utiliser : <code>...autres</code> : </p>
<p><br /></p>
<pre class="brush:html;toolbar:false;"><!DOCTYPE html>
<html>
<tête>
<meta charset="UTF-8" />
<titre>Test</titre>
<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>
≪/tête>
<corps>
<div id="root"></div>
<script type="text/babel">
fonction ObjectifComp({
IDENTIFIANT,
billet,
demande,
...accessoires
}) {
console.log(props);
return <div>Independent Retriever</div>;
}
</script>
<script type="text/babel">
function NullComp({ timeRanges, ...autres }) {
renvoie null ;
}
</script>
<script type="text/babel">
const { useState, useEffect } = Réagir ;
const App = () => {
retour (
<Comp.Objectif
Nom de classe = "mt-10"
identifiant="1"
ticket="IT-ABCD"
request="Paix et Amour"
/>
);
} ;
ReactDOM.render(<App />, document.querySelector("#root"));
</script>
</corps>
</html></pre>
<p><br /></p>
<p>不使用：<code>...autres</code>：</p>
<p><br /></p>
<pre class="brush:html;toolbar:false;"><!DOCTYPE html>
<html>
<tête>
<meta charset="UTF-8" />
<titre>Test</titre>
<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>
≪/tête>
<corps>
<div id="root"></div>
<script type="text/babel">
fonction ObjectifComp({
identifiant,
billet,
demande,
...accessoires
}) {
console.log(props);
return <div>Independent Retriever</div>;
}
</script>
<script type="text/babel">
fonction NullComp({ timeRanges }) {
renvoie null ;
}
</script>
<script type="text/babel">
const { useState, useEffect } = Réagir ;
const App = () => {
retour (
<Comp.Objectif
nom de classe = "mt-10"
identifiant="1"
ticket="IT-ABCD"
request="Paix et Amour"
/>
);
} ;
ReactDOM.render(<App />, document.querySelector("#root"));
</script>
</corps>
</html></pre>
<p><br /></p>
<p>我在这里漏掉了什么？</p>
<p>谢谢！</p>
