如何在tsx中将道具传递给孩子？

Question

当我将道具传递给孩子时，我遇到一个错误“属性'isClicked'在'IntrinsicAttributes＆IntrinsicClassAttributes类型上不存在” 我写了“ isClicked ？：布尔值”。我该怎么办？

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

如果在组件中使用connect，则使用以下代码可以解决问题。

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

这里connect有3个参数，第三个参数是接口Props，该接口具有您要为其键入内容的变量。