reactjs - React-beautiful-dnd typescript 编译器问题

Question

我刚刚将 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>
            ))}

这是我得到的错误：

请提供修复建议。谢谢。

Answer 1

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

尝试在可拖动对象周围添加 () 括号并添加类型。对于您遇到类型错误的其他代码，请检查是否： type 是否给出。