@gaearon 재 포장 해주셔서 감사합니다! 라듐 이슈를 연지 1 년이 지났다는 사실이 미쳤습니다.

border 와 같은 속기 속성에 대한 경고 아이디어는 좋지만 borderBottom 아닙니다. 더 긴 속성 이름을 사용하여 스타일 개체를 병합 할 때 놀라운 일이 없어야합니다.

질문. 이 문제의 의도는 개별 스타일 객체의 분석만을 다루기위한 것입니까, 아니면 조건부로 적용된 속성의 충돌 가능성을 분석하고 경고하려는 욕구도 있습니까?

질문. 이 문제의 의도는 개별 스타일 객체의 분석만을 다루기위한 것입니까, 아니면 조건부로 적용된 속성의 충돌 가능성을 분석하고 경고하려는 욕구도 있습니까?

질문을 이해하지 못합니다. 자세히 설명해 주시겠습니까?

확실한. 동일한 요소에 border 및 borderColor 를 모두 갖는 것이 유효하지 않은 경우 이에 대해 경고하는 것이 합리적입니다. 내 경험상이 조합은 피하기 쉽지만 스타일이 동적으로 적용되거나 (props 또는 state, 미디어 쿼리, Radium 등을 기반으로하는 조건부 논리) props로 전달되고 병합 될 때 예상하고 디버그하는 것이 더 어렵습니다. 더 낮은 순서의 스타일 객체로. 관련된 경계에 영향을 줄 수있는 다른 속성이 없을 때 속기 border 속성에 대한 경고가 발생하면, 속기 border 가 다음과 같으므로 경고는 유용한 디버깅 도구보다 독단적 인 규칙처럼 보입니다. 여전히 기술적으로 유효합니다. 그러나 별도의 스타일 개체에 속성이있는 경우 (예 : 마우스를 올려 놓을 때 borderColor 변경) 관련 테두리에 영향을 미치고 이미 속기 border 가있는 노드에 런타임시 적용됩니다

아, 좋은 지적입니다. 스타일이 겹치는 경우에만 경고 할 수 있지만 얼마나 쉽게 말할 수 있을지 모르겠습니다. 나는 그것에 대해 많이 생각하지 않았고 좋은 해결책이 없습니다.

@gaearon 내가 더 좋아하는 대안은 https://github.com/facebook/react/issues/5397 에 따라 csstext를 사용하는 것입니다. IIRC는 이러한 문제의 상위 집합을 깨끗하게 해결합니다.

타사 구성 요소가 스타일을 정의하고 재정의를 허용하는 상황은 어떻습니까? 구성 요소가 자체 border 스타일을 정의하고 borderBottom 스타일을 재정의하고 싶다고 가정 해 보겠습니다.

내가 (다른 것들 사이) 장편에 약식 속성을 변환하는 죽은 - 간단한 도우미 기능 작업을 시작했습니다 https://github.com/rtsao/lostyle/tree/master/src ( 문서 )

이것은 예측할 수없고 혼란스럽고 방금이 문제를 만났습니다.

문제가 있다는 것을 알면 적어도 업데이트에 대해 경고하는 것이 좋습니다. 즉, {background : a, backgroundSize : b}에서 {background : c, backgroundSize : b}로 이동하면 backgroundSize가 재정의되고 있음을 경고합니다 (그러나 backgroundSize가 동시에 변경되는 경우 경고하지 않음). 모든 속성 속기에 대해이 작업을 수행 할 수 있으며 속성 열거 순서에서 문제가 있는지 여부를 알 수 있습니다.

"좋은 첫 번째 문제"로 표시. 위의 의견에 따라 DEV 전용 경고를 추가해 보겠습니다. 조사를 시작하기에 좋은 곳은 다음과 같습니다.

https://github.com/facebook/react/blob/v16.4.0/packages/react-dom/src/client/ReactDOMFiberComponent.js#L619

이 작업을하고 싶다면 여기에 댓글을 달아 두 사람이 작업하지 않도록하세요.

@sophiebits , 나는 이것을 일하게되어 기쁩니다 :)

@supertinou 그것은 당신입니다!

그냥 이것을 치고 실제로 놀랐고 혼란스러워했습니다.

@supertinou 제가 도와 드릴 수있는 것이 있는지 확인하고 싶었습니다.

@sophiebits 안녕하세요 저는 어떤 사람의 발가락도 밟고 싶지 않습니다 : D 그러나 나는이 문제를 살펴보고 복제했으며 그것을 찌르고 싶지만 @supertinou 가 여전히 작업 중인지

나는에 무슨 일이 일어나고 있는지 설명 / 복습에 codepen했다 https://codepen.io/giuseppegurgone/pen/mjKbmq?editors=0010 내가 뭔가를 잊어 버린 경우 알려 @gaearon / @sophiebits.

@mirkojotic 아직도 관심이있으세요?

아무도 없다면 나는 이것을 가지고 싶습니다 :)

좋아요 @YongPilMoon , 당신 것입니다.

여기에 메모 추가 : 속성을 제거 하면이 버그가 발생할 수도 있습니다. https://stackoverflow.com/q/52636618/49485

경고는 16.13에서 나왔습니다.
https://reactjs.org/blog/2020/03/02/react-v16.13.0.html