Pass Multiple Children to a React Component with Slots

react slot pattern   Dan react slot

In this case, React's slot pattern got extended with the function which makes the data from within the render prop component accessible to

slot : A string Specifies the slot name when using shadow DOM In React, an equivalent pattern is typically achieved by passing JSX as props, for example Slots are a pattern for component composition that provides flexibility in where child components can be inserted In React, we can achieve this

1001 slot Slot 은 자식 컴포넌트를 렌더링하는 역할을 하고 Slottable 은 Slot 에 들어갈 것이 무엇인지를 나타낸다 참고로 Polymorphic 컴포넌트처럼 변형을 통한 React Slot Pattern Slot-based children organization for React Component useSlot hook is a selector for named slots withSlot wrapper function generates