Apakah yang diwakili oleh tiga titik dalam tindak balas?

Tiga titik dalam React mewakili "pengendali sambungan"; dalam React, pengendali sambungan biasanya digunakan untuk penugasan kelompok atribut, seperti "var props = {};props.foo = x; props. bar = y;var component = ;".

Persekitaran pengendalian tutorial ini: sistem Windows 10, bertindak balas versi 18.0.0, komputer Dell G3.

Apakah yang diwakili oleh tiga titik dalam tindak balas

mewakili "pengendali sambungan".

Pengendali … (juga dipanggil operator hamparan) sudah disokong oleh tatasusunan ES6. Ia membenarkan melepasi tatasusunan atau fungsi seperti tatasusunan secara langsung sebagai parameter fungsi tanpa melalui penggunaan.

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

Dalam React, pengendali hamparan biasanya digunakan untuk penetapan kumpulan atribut. Dalam JSX, anda boleh menggunakan ... operator untuk menggabungkan pasangan nilai kunci objek dengan atribut props ReactElement.

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} />;

Ia juga boleh dicampur dengan atribut XML biasa Ia memerlukan atribut dengan nama yang sama, dan yang terakhir akan mengatasi yang pertama:

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

Pembelajaran yang disyorkan: "<.>tutorial video reaksi》

Atas ialah kandungan terperinci Apakah yang diwakili oleh tiga titik dalam tindak balas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!