reactjs - tsxで子に小道具を渡す方法は?

Question

子に小道具を渡すときに、「Property 'isClicked' is not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes」という間違いがあります。「isClicked?: boolean」と書きました。これ以上何をすればいいですか？

export interface DropDownProperties extends ComponentBaseProperties {
  multiSelect?: boolean;
  IconTextColor?:string;
  isClicked?: boolean;
}

export interface DropDownState extends ComponentBaseState {
  dropDownOptions: DropDownItem[];
  isOpen: boolean;
  results: string[];
  isClicked?: boolean;
 
}
export default class DropDown extends ComponentBase<
  DropDownProperties,
  DropDownState
> { return ( <DropDownItem
          iconName={option.iconName}
          value={option.value}
          displayValue={option.displayValue ? true : false}
          key={option.name}
          onClick={(e) => this.optionSelected()}
          isClicked={this.state.isOpen}
        >
          {option.props.children}
        </DropDownItem>
      ))}
       </ul>
      );
    }
  };

Answer 1

コンポーネントで接続を使用している場合、以下のコードを使用すると問題が解決するはずです。

export default connect<{}, {}, Props>(..........)

ここconnectには 3 つのパラメーターがあり、3 番目のパラメーターは interfacePropsで、型を取得する変数が含まれています。