Destructuring 변수,</p> <pre><code>const color = props.color; </code></pre> <p></p> <pre><code>const { color } = props; </code></pre> 또한 <hr> <p>대 쓰기 사이의 성능 차이가있는 경우, 거기에

Question

을 성능 우리가 얻거나 우리가 매개 변수에 destructure 경우 어떤 성능을 잃게 할 서명? example3 참조

이 예제에서 example3이 함수를 작성하는 가장 좋은 방법이라고 생각하십니까?

---

예 기능적 구성 요소를 반응 : 코드가 등등/작게하다 컴파일 될 것이다

이

const example1 = (props) => { 
    const color = props.color; 
    // I know I could also just write style={{ color: props.color }} 
    // but for arguments sake lets say I want to write it like this. 
    return <h1 style={{ color }}>Hello</h1>; 
}; 

const example2 = (props) => { 
    const { color } = props; 
    return <h1 style={{ color }}>Hello</h1>; 
}; 

const example3 = ({ color }) => { 
    return <h1 style={{ color }}>Hello</h1>; 
}; 

Answer 1

성능 문제가 없습니다. 그래서,

const color = props.color

확인 당신이 JSX를 사용하고 마음에 babel compiler online tester