React-beautiful-dnd打字稿编译器问题

时间:2020-06-24 14:10:19

标签: reactjs typescript typescript-typings react-beautiful-dnd

我刚刚将react和react-beautiful-dnd升级到最新版本,并且遇到很多类型错误。这是我的代码:

            {sortedDimensions.map((dimension: any, index: number) => (
              <Draggable
                key={index}
                draggableId={`${index}`}
                index={index}
                isDragDisabled={this.props.isEditingView ? true : false}
              >
                {draggable => (
                  <div
                    ref={draggable.innerRef}
                    {...draggable.draggableProps}
                    {...draggable.dragHandleProps}
                  >
                    <DimensionColumn
                      key={`${dimension.id}-${dimension.Name}`}
                      dimension={dimension}
                      validateName={this.isValidDimensionName}
                      isEditingView={this.props.isEditingView}
                    />
                  </div>
                )}
              </Draggable>
            ))}

这是我得到的错误:

enter image description here

请提供修复建议。谢谢。

1 个答案:

答案 0 :(得分:2)

 {(draggable: any) => (
         <div
                    ref={draggable.innerRef}
                    {...draggable.draggableProps}
                    {...draggable.dragHandleProps}
                  >

尝试在可拖动对象周围添加()括号并添加类型。 对于其他代码,如果您遇到类型错误,请检查:是否指定了类型。