Style Props

Style Props 주는 법

Container.tsx
type ContainerProps = {
  styles: React.CSSProperties;
  //   스타일의 타입
};

export const Container = (props: ContainerProps) => {
  return <div style={props.styles}>내용이 여기 들어옴</div>;
};

App.tsx
import "./App.css";
import { Container } from "./components/Container";

function App() {
  return (
    <div className="App">
      <Container styles={{ border: "1px solid black", padding: "1rem" }} />
    </div>
  );
}

export default App;