代码之家 › 专栏 › 技术社区 › Anthony Kong

当我使用react转换组时,“TS7017:元素隐式地具有‘any’类型…没有索引签名”

react-transition-group typescript

0

Anthony Kong · 技术社区 · 7 年前

这是我的密码:

 renderSoundWave = () => {
    const defaultStyle = {
      opacity: 1,
      transition: `opacity ${DURATION}ms ease-in-out`,
    }

    const transitionStyles = {
      entering: { opacity: 1 },
      entered:  { opacity: 0 },
    };
    return (

    <Transition timeout={DURATION} in={this.animate}>
      {(state) => (
        <div className={styles.soundWaves}
             style={{ ...defaultStyle, ...transitionStyles[state]}}> {/* Error here! */
          <SoundWaves/>
        </div>
        )}
    </Transition>
      );
  }

我想用 Transition 在里面 react-transition-group 为图标设置动画的步骤 SoundWave .

然而,我得到了这个错误:

输入:{opacity:number;};输入:{opacity:number;};}'有

错误指向 ...transitionStyles[state]

我不明白为什么会抛出这个错误。是什么导致了这种类型的错误?

1 回复 | 直到 7 年前

1

4

Anthony Kong 7 年前

我终于改变了它 transitionStyles

const transitionStyles: { [id: string]: React.CSSProperties } = {
  entering: { opacity: 1 },
  entered:  { opacity: 0 },
};