반응에서 세 개의 점은 무엇을 나타냅니까?

React의 세 점은 React에서 "확장 연산자"를 나타냅니다. 확장 연산자는 일반적으로 "var props = {};props.foo = x;props.bar = y; var 구성요소 = 9f90949f9940458905a2268e50c1c450;".

이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 18.0.0, Dell G3 컴퓨터.

반응에 있는 세 개의 점은 무엇을 나타냅니까?

는 "확장 연산자"를 나타냅니다.

… 연산자(확산 연산자라고도 함)는 이미 ES6 배열에서 지원됩니다. 적용을 거치지 않고 배열 또는 배열과 유사한 함수를 함수의 매개변수로 직접 전달할 수 있습니다.

var people=['Wayou','John','Sherlock'];
//sayHello函数本来接收三个单独的参数人一，人二和人三
function sayHello(people1,people2,people3){
    console.log(`Hello ${people1},${people2},${people3}`);
}
//但是我们将一个数组以拓展参数的形式传递，它能很好地映射到每个单独的参数
sayHello(...people);//输出：Hello Wayou,John,Sherlock 
//而在以前，如果需要传递数组当参数，我们需要使用函数的apply方法
sayHello.apply(null,people);//输出：Hello Wayou,John,Sherlock

React에서 스프레드 연산자는 일반적으로 속성의 일괄 할당에 사용됩니다. JSX에서는 ... 연산자를 사용하여 객체의 키-값 쌍을 ReactElement의 props 속성과 병합할 수 있습니다.

var props = {};
  props.foo = x;
  props.bar = y;
  var component = <Component {...props} />;
  
//等价于
var props = {};
  props.foo = x;
  props.bar = y;
  var component = <Component foo={x} bar={y} />;

일반 XML 속성과 혼합할 수도 있습니다. 동일한 이름의 속성이 필요하며 후자가 전자를 재정의합니다.

var props = { foo: 'default' };
var component = <Component {...props} foo={&#39;override&#39;} />;
console.log(component.props.foo); // &#39;override&#39;

권장 학습: "react video tutorial"

위 내용은 반응에서 세 개의 점은 무엇을 나타냅니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!