时间戳

首页 > 解决方案 > 什么类型的 React.Hooks？

reactjs - 什么类型的 React.Hooks？

问题描述

我有搜索功能；它接收 react.hooks 作为第一个参数，我不知道 X 中的类型。它似乎等于 Dispatch.if 另一种给出类型的方式？ 代码沙盒代码

import React, { FC, Fragment, Dispatch,SetStateAction } from 'react'

const SearchText:FC<{X:Dispatch<SetStateAction<string>>,Y:string}> = ({X,Y}) => {

console.log(Y)

   return (
      <Fragment>

         <input type={'text'}
            size={50}
            maxLength={150}
            placeholder={'Search for anything'}
            alt={'search'}
            spellCheck={false}
            autoComplete={'off'}
            value={Y}
            onChange={({ target }) => {X(target.value);}} />
         <input type={'submit'} value={'search'} />

      </Fragment>
   )

};

标签： reactjstypescript

解决方案

您可以简单地键入方法来获取一个字符串并返回 void 像

type Props = {
   X: (val: string) => void,
   Y: string
}

并像使用它一样

const SearchText = ({X,Y}: Props) => {

推荐阅读