Heim > Web-Frontend > Front-End-Fragen und Antworten > Was bedeuten die drei Punkte in React?

Was bedeuten die drei Punkte in React?

藏色散人
Freigeben: 2022-12-27 16:37:25
Original
3409 Leute haben es durchsucht

Die drei Punkte in React stellen den „Erweiterungsoperator“ dar; in React wird der Erweiterungsoperator im Allgemeinen für die Stapelzuweisung von Attributen verwendet, wie zum Beispiel „var props = {};props.foo = x;props.bar = y; var Component = ;".

Was bedeuten die drei Punkte in React?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Reaktionsversion 18.0.0, Dell G3-Computer.

Was stellen die drei Punkte in React dar?

steht für den „Erweiterungsoperator“.

Der …-Operator (auch Spread-Operator genannt) wird bereits von ES6-Arrays unterstützt. Es ermöglicht die direkte Übergabe von Arrays oder arrayähnlichen Funktionen als Parameter von Funktionen, ohne dass ein Apply-Vorgang erforderlich ist.

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
Nach dem Login kopieren

In React wird der Spread-Operator im Allgemeinen für die Stapelzuweisung von Attributen verwendet. In JSX können Sie den ...-Operator verwenden, um das Schlüssel-Wert-Paar eines Objekts mit dem props-Attribut von ReactElement zusammenzuführen.

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} />;
Nach dem Login kopieren

Es kann auch mit gewöhnlichen XML-Attributen gemischt werden. Es erfordert ein Attribut mit demselben Namen, und letzteres überschreibt das erstere:

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

Empfohlenes Lernen: „Video-Tutorial reagieren

Das obige ist der detaillierte Inhalt vonWas bedeuten die drei Punkte in React?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage