React.ComponentProps åž‹ã‚’ç©æ¥µçš„ã«ä½¿ãŠã†Atomic Design ã§ã„ㆠAtoms ã«ç›¸å½“ã™ã‚‹ã€æ±Žç”¨ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«ã¤ã„ã¦ã®å°è©±ã§ã™ã€‚次ã®æ§˜ã« Props 型定義を用æ„ã—ã€è§£èª¬ã—ã¦ã„る記事をよã見ã‹ã‘ã¾ã™ã€‚<input />タグを使ã‚ãšã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã—ã¦ã„ã‚‹ç†ç”±ã¯ style ã‚’æ–½ã™ãŸã‚ã‹ã¨æ€ã„ã¾ã™ãŒã€ã“ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒå—ã‘å–れる Props ã¯é™å®šçš„ã§ã€ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚³ã‚¹ãƒˆãŒé«˜ã„ãŸã‚ãŠå‹§ã‚ã§ãã¾ã›ã‚“。 type Props = { value: string; onChange?: React.ChangeEventHandler<HTMLInputElement> onBlur?: React.FocusEventHandler<HTMLInputElement> } export const Input = ({ value, onChange, onBlur }: Props) => ( <input value=
{{#tags}}- {{label}}
{{/tags}}