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

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

  •  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 },
    };