前提・実現したいこと
メニューの選択を上下キーで行いたく、型宣言を行わない普通にReactで作成し、出来上がったので、TypeScriptに書き直したら下記のようなエラーに遭遇してしまい、コンパイルが通らなくなってしまい困っています。
型 '{ selected: boolean; text: string; }' を型 'IntrinsicAttributes' に割り当てることはできません。
プロパティ 'selected' は型 'IntrinsicAttributes' に存在しません。ts(2322)
コードは下記にあります。
試したこと
下記のリンクを参考にTypeを作成して、引数を設定してあげ、一応エラーが出なくなったのですが、コンパイルは通らず。
typescript
1type props = { 2 selected: boolean; 3 text: string; 4} 5 6const SetList: React.FC<props> = memo((selected: boolean, text: string) => { 7 return ( 8 <ListItem button divider={true} selected={selected}> 9 <ListItemText primary={text} /> 10 </ListItem> 11 ); 12});
TypeScriptならびにReactが初心者すぎて、何に対して怒られているのかさっぱりでお手上げです。
ご教示していただけると幸いです。よろしくお願いいたします。
あなたの回答
tips
プレビュー