HOC

생성일
Jan 7, 2022 10:51 AM
태그
디자인 패턴
function withStyles(Component) {
  return props => {
    const style = { padding: '0.2rem', margin: '1rem' }
    return <Component style={style} {...props} />
  }
}

const Button = () = <button>Click me!</button>
const Text = () => <p>Hello World!</p>

const StyledButton = withStyles(Button)
const StyedText = withStyles(Text)
 
대부분의 경우 hook으로 대신할 수 있다.

Loading Comments...