無効化された JS 関数は、HTML/JS/Babel コードの通常の動作を妨げます。
<p>以下のコードでは、オブジェクト <code>props</code> にメンバー: <code>className</code> のみが含まれると (コンソールにログに記録され) 予想していましたが、メンバー: < が含まれていました。 ; コード>{クラス名、ID、チケット、リクエスト}</コード>。ただし、<strong>Unused Function</strong>gt;<code>NullComp</code> からパラメータ <code>...others</code> を削除すると、オブジェクト <code>props< ;/code> のメンバーは: <code>className</code> で、これは私が当初期待していたものとまったく同じです。 </p>
<p>以下のコードを実行して、自分で試すことができます: </p>
<p>使用: <code>...その他</code>: </p>
<p><br /></p>
<pre class="brush:html;toolbar:false;"><!DOCTYPE html>
<html>
<頭>
<meta charset="UTF-8" />
<title>テスト</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>
<本体>
<div id="ルート"></div>
<script type="text/babel">
関数ゴールコンプ({
ID、
チケット、
リクエスト、
...小道具
}) {
console.log(props);
return
Independent Retriever
;;
}
</スクリプト>
<script type="text/babel">
function NullComp({ timeRanges, ...others }) {
null を返します。
}
</スクリプト>
<script type="text/babel">
const { useState, useEffect } = 反応します。
const App = () => {
戻る （
<ゴールコンプ
クラス名 = "mt-10"
id="1"
チケット="IT-ABCD"
request="平和と愛"
/>
);
};
ReactDOM.render(<App />, document.querySelector("#root"));
</スクリプト>
</ボディ>
</html></pre>
<p><br /></p>
<p>不使用：<code>...その他</code>：</p>
<p><br /></p>
<pre class="brush:html;toolbar:false;"><!DOCTYPE html>
<html>
<頭>
<meta charset="UTF-8" />
<title>テスト</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>
<本体>
<div id="ルート"></div>
<script type="text/babel">
関数ゴールコンプ({
ID、
チケット、
リクエスト、
...小道具
}) {
console.log(props);
return
Independent Retriever
;
}
</スクリプト>
<script type="text/babel">
関数 NullComp({ timeRanges }) {
null を返します。
}
</スクリプト>
<script type="text/babel">
const { useState, useEffect } = 反応します。
const App = () => {
戻る （
<ゴールコンプ
クラス名 = "mt-10"
id="1"
チケット="IT-ABCD"
request="平和と愛"
/>
);
};
ReactDOM.render(<App />, document.querySelector("#root"));
</スクリプト>
</ボディ>
</html></pre>
<p><br /></p>
<p>私はここに漏掉了何ですか?</p>
<p>谢谢！</p>
