삼항 연산자를 사용하여 React에서 인라인 스타일을 조건부로 적용하는 이러한 방법 사이에 성능 차이가 있습니까?

인라인 스타일에 대한 삼항 연산자의 결과 중 하나로 스타일을 적용하지 않는 가장 좋은 방법이 무엇인지 궁금합니다. 특히 다음과 같이 undefined 또는 {}를 전달하는 것이 더 낫습니다.

<div style={shouldApplyStyle ? {background: 'black'} : undefined />

또는

<div style={shouldApplyStyle ? {background: 'black'} : {}/>

나는 일반적 으로이 두 가지 기능을 동일하게 말할 수 있지만 빈 객체를 전달하면 불필요한 재 렌더링이 발생하는지 궁금합니다. 왜냐하면 자바 스크립트 {} != {}에서는 스타일 소품을 매번 변경된 것으로 해석하기 때문입니다.

이것은이 답변에 대한 의견에서 가능성으로 지적되었습니다 : https://stackoverflow.com/a/58339902/4440124

빈 소품을 전달하면 추가 리 렌더가 발생하는지 여부를 아는 것 외에도 다른 하나를 사용하는 데 다른 성능 영향이나 위험이 있는지도 알고 싶습니다. 감사!