Über React Requisiten, warum const {dataSource} = this.props.dataSource; kann nicht lesen

Question

const {dataSource}= this.props.dataSource; 

Warum können Werte von dataSource nicht gelesen werden? Ich weiß const {dataSource} = this.props; kann Werte lesen, aber warum ????
Ich möchte Details wissen ...... bitte erzählen Sie mir Details und nicht meine Flagge ..... oder sagen Sie mir das ???

const {dataSource}= this.props.dataSource; 
const {dataSource}= this.props; 

Wie oben, was ist der Unterschied zwischen den beiden?

Answer 1

Für Objekt Destrukturierung Verwendung

const {dataSource} = this.props; 

die this.props für dataSource Ziel in Quelle sucht.

Es sei denn, es gibt eine dataSource Eigenschaft bei this.props Objekt, das eine dataSource Eigenschaft hat, die Sie versuchen, abzurufen, obwohl das scheint nicht der Fall basierend auf der Frage zu sein.

Answer 2

Versuchen const {dataSource} = this.props

Answer 3

const {dataSource}= this.props;

Versuchen Sie wird mit Destrukturierung

Die Destrukturierung Zuordnung Syntax ist ein JavaScript-Ausdruck, der es möglich macht, Werte zu entpacken aus Arrays oder richtig Bindungen von Objekten in verschiedene Variablen.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment