비활성화된 JS 기능은 HTML/JS/Babel 코드의 정상적인 작동을 방해합니다.
P粉448346289
P粉448346289 2023-08-14 15:14:58
0
1
536

아래 코드에서 props 멤버에는 className 멤버만 포함되어 있다고 예상했습니다(콘솔 로그). ; 코드>{ 클래스이름, ID, 티켓, 요청 }. 그러나 Unused FunctionNullComp에서 ...others 매개변수를 제거하면 props< ;/code>의 멤버는 className입니다. 이는 제가 원래 기대했던 것과 정확히 같습니다.

아래 코드를 실행하여 직접 시도해 볼 수 있습니다.

사용: ...기타:


  <머리>  테스트     <본문> 
<스크립트 유형="텍스트/바벨"> 함수 GoalComp({ ID, 티켓, 요구, ...소품 }) { console.log(props);
독립 검색기
반환;; } <스크립트 유형="텍스트/바벨"> function NullComp({ timeRanges, ...others }) { null을 반환; } <스크립트 유형="텍스트/바벨"> const { useState, useEffect } = 반응; const 앱 = () => { 반품 ( <골컴 클래스이름="mt-10" 아이디="1" 티켓="IT-ABCD" request="평화와 사랑" /> ); }; ReactDOM.render(, document.querySelector("#root"));


불체사용:...기타


  <머리>  테스트     <본문> 
<스크립트 유형="텍스트/바벨"> 함수 GoalComp({ ID, 티켓, 요구, ...소품 }) { console.log(props); return
독립 검색기
} <스크립트 유형="텍스트/바벨"> 함수 NullComp({ timeRanges }) { null을 반환; } <스크립트 유형="텍스트/바벨"> const { useState, useEffect } = 반응; const 앱 = () => { 반품 ( <골컴 클래스이름="mt-10" 아이디="1" 티켓="IT-ABCD" request="평화와 사랑" /> ); }; ReactDOM.render(, document.querySelector("#root"));


내가 지금 여기 있나요?

谢谢!

P粉448346289
P粉448346289

모든 응답 (1)
P粉662361740

관찰한 동작은 실제로 예상된 동작이며NullComp函数中...others的存在或缺失的影响。需要注意的关键是,在提供的代码中没有使用或调用NullComp函数,因此它不会影响GoalComp함수의 출력에 영향을 받지 않습니다.

무슨 일이 일어났는지 분석해 보겠습니다.

inGoalComp函数中,您使用解构来提取props中的idticketrequest属性。其余的属性(如果有)使用扩展运算符...props收集到props객체.

App组件中渲染GoalComp구성 요소에 있을 때 다음 소품을 전달합니다.

  • className="mt-10"
  • id="1"
  • ticket="IT-ABCD"
  • request="Peace and Love"

이 경우 이러한 props가GoalComp时,idticketrequest属性被提取出来,剩下的className属性被收集到props对象中。这就是为什么当您console.log(props)时,您会看到一个只有一个属性的对象:{ className: "mt-10" }로 전달될 때.

NullComp函数中...others的存在与否在这个上下文中是无关紧要的。由于没有使用NullComp,它是否有...others都不会影响GoalComp함수 출력.

어쨌든 코드는 예상대로 작동합니다. 어쨌든NullComp函数都不会影响GoalComp함수의 출력입니다.

도움이 되길 바랍니다!

    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿
    회사 소개 부인 성명 Sitemap
    PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!