비활성화된 JS 기능은 HTML/JS/Babel 코드의 정상적인 작동을 방해합니다.
<p>아래 코드에서 <code>props</code> 멤버에는 <code>className</code> 멤버만 포함되어 있다고 예상했습니다(콘솔 로그). ; 코드>{ 클래스이름, ID, 티켓, 요청 }. 그러나 <strong>Unused Function</strong><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>
</머리>
<본문>
<div id="root"></div>
<스크립트 유형="텍스트/바벨">
함수 GoalComp({
ID,
티켓,
요구,
...소품
}) {
console.log(props);
독립 검색기
반환;;
}
</스크립트>
<스크립트 유형="텍스트/바벨">
function NullComp({ timeRanges, ...others }) {
null을 반환;
}
</스크립트>
<스크립트 유형="텍스트/바벨">
const { useState, useEffect } = 반응;
const 앱 = () => {
반품 (
<골컴
클래스이름="mt-10"
아이디="1"
티켓="IT-ABCD"
request="평화와 사랑"
/>
);
};
ReactDOM.render(<App />, document.querySelector("#root"));
</스크립트>
</body>
</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>
</머리>
<본문>
<div id="root"></div>
<스크립트 유형="텍스트/바벨">
함수 GoalComp({
ID,
티켓,
요구,
...소품
}) {
console.log(props);
return <div>독립 검색기</div>
}
</스크립트>
<스크립트 유형="텍스트/바벨">
함수 NullComp({ timeRanges }) {
null을 반환;
}
</스크립트>
<스크립트 유형="텍스트/바벨">
const { useState, useEffect } = 반응;
const 앱 = () => {
반품 (
<골컴
클래스이름="mt-10"
아이디="1"
티켓="IT-ABCD"
request="평화와 사랑"
/>
);
};
ReactDOM.render(<App />, document.querySelector("#root"));
</스크립트>
</body>
</html></pre>
<p><br /></p>
<p>내가 지금 여기 있나요?</p>
<p>谢谢!</p>
