WONILLISM / react-masterclass

React Master Class(feat. Nomad Coders)
0 stars 0 forks source link

2.3 'As' and Attrs #3

Open WONILLISM opened 2 years ago

WONILLISM commented 2 years ago

예를들어 수 많은 Input이 있을 때 모두 필수 값으로 지정하고 싶을 때 컴포넌트 생성시 속성을 지정할 수 있다.

import styled from 'styled-components';

const Father = styled.div`
  display: flex;
`;

const Input = styled.input.attrs({ required: true })`
  background-color: whitesmoke;
`;

function App() {
  return (
    <Father>
      <Input />
      <Input />
      <Input />
    </Father>
  );
}

export default App;