react-spring - 如何最好地解决打字稿类型检查问题

Question

我正在尝试将 react-spring 与 typescript 一起使用，即使在第一次测试中，我也会遇到如下大的 typescript 检查问题。

我的使用中是否存在基本错误，或者有一种方法可以轻松解决这个问题？

          <Spring
            from={{ number: 0 }}
            to={ { number: num } }
            delay = {delay}
            config = { config.molasses }>
          >
            {props => <div>{props.number.toFixed() }</div>}
          </Spring>

给予：

No overload matches this call.
  Overload 1 of 2, '(props: Readonly<SpringProps<{ number: number; }>>): Spring<{ number: number; }>', gave the following error.
    Type '{ children: (string | ((props: { number: number; }) => Element))[]; from: { number: number; }; to: { number: number; }; delay: number; config: SpringConfig; }' is not assignable to type 'Readonly<SpringProps<{ number: number; }>>'.
      Types of property 'children' are incompatible.
        Type '(string | ((props: { number: number; }) => Element))[]' is not assignable to type 'SpringRendererFunc<{ number: number; }>'.
          Type '(string | ((props: { number: number; }) => Element))[]' provides no match for the signature '(params: { number: number; }): ReactNode'.
  Overload 2 of 2, '(props: SpringProps<{ number: number; }>, context?: any): Spring<{ number: number; }>', gave the following error.
    Type '{ children: (string | ((props: { number: number; }) => Element))[]; from: { number: number; }; to: { number: number; }; delay: number; config: SpringConfig; }' is not assignable to type 'Readonly<SpringProps<{ number: number; }>>'.
      Types of property 'children' are incompatible.
        Type '(string | ((props: { number: number; }) => Element))[]' is not assignable to type 'SpringRendererFunc<{ number: number; }>'.

可能是打字稿和 React.Children 的问题。 React Component children typecheck with typescript

Answer 1

哎呀，在我的 copypasta 中有额外的 >。多伦多证券交易所！