JSX構文における属性の型
code:jsx
function Foo(props) {
console.log(`
string: ${props.string}
number: ${props.number}
boolean: ${props.boolean}
`);
return <p></p>;
}
const root = createRoot(document.body);
root.render(<Foo string="str" number={123} boolean />);
文字列(string)は<属性>=""と書く
value="foo":文字列 (string)
文字列以外の値は<属性>={<値>}と書く
value={12}:数値 (number)
value={false}:false (boolean)
属性の名前だけ書くとtrueが渡される
value:true (boolean)