React: 아이디어 : jsx 구문에서 객체 리터럴 속성 값 단축 지원

나는 아니오라고 말하는 경향이 있습니다. 우리는 다양한 구문을 사용하는 것에 대해 많은 이야기를 나눴고 가능한 한 최소화하려고 노력하고 있습니다. {...spread} 를 추가하는 것은 이미 꽤 큰 일이었습니다.

cc @sebmarkbage

우리는 https://github.com/facebook/jsx 에서 구문 토론을 계속하려고 노력합니다. 그렇게 하면 언어에 추가 가중치를 부여할 가치가 있도록 이 구문에 기여하는 더 넓은 그룹을 가질 수 있습니다.

<Foo {item} /> , <Foo {...item} /> , <Foo item /> 의 차이가 너무 혼란스러울 수 있다고 생각합니다. 마지막 두 개는 이미 지원됩니다.

나는 당신이 생각하는 방식을 좋아합니다. 이에 대해 강하게 느끼면 https://github.com/facebook/jsx 에서 문제를 열어야 합니다.

https://github.com/facebook/jsx/pull/118

^ 여기에 논의된 대로 객체 표현 구문에 대한 제안.

의 차이점이라고 생각합니다 , 그리고 너무 혼란스러울 수 있습니다.

혼란은 상대적일 수 있습니다. <Foo item /> 는 항상 {item: true}로 평가되므로 그다지 유용하지 않습니다. 돌이켜보면 매우 제한적이라고 느껴지지만 html 유전자의 동작을 이해할 수 있습니다. 개인적으로 별로 쓸모가 없었습니다.

그리고 ES8 객체 표기법 관점에서 보면 혼동되지 않습니다. {item} 는 {item: item} 의 약어입니다. {...item} 는 평면화/얕은 복사/새 개체로 확산의 약어입니다.

누군가 jsx가 h(name: string | Component, props: {[name]: any}, ...children) 로 변환된다는 것을 이해하면. ObjectExpression은 자연스럽게 빠지게 됩니다.

<Foo {x} /> 는 지원하지 않지만 <Foo {...x} /> 는 지원하는 것이 혼란스럽습니다. 해결 방법은
<Foo {...{x}} /> 훨씬 더 혼란스럽습니다.