[英]React DND, Failed PropType
当我去拖动我的组件时,我被困在了,我的控制台告诉我,当我将它声明为const { connectDragSource, isDraggin } = this.props;
时,我的渲染函数中的{ connectDragSource, isDraggin } = this.props;
。 我注意到我是否从我的KnightSource对象中删除了“拖动”属性,它修复了这个错误,但我不知道为什么。
import React, { Component, PropTypes } from 'react';
import { ItemTypes } from './Constants';
import { DragSource } from 'react-dnd';
const knightSource = {
beginDrag(props) {
return {};
},
isDragging(props){
return(console.log('dragging'))
}
};
function collect(connect, monitor) {
return {
connectDragSource: connect.dragSource(),
isDragging: monitor.isDragging()
}
}
class Knight extends Component {
render() {
const { connectDragSource, isDragging } = this.props;
return connectDragSource(
<div style={{
opacity: isDragging ? 0.5 : 1,
fontSize: 100,
fontWeight: 'bold',
cursor: 'move',
color: isDragging ? 'blue' : 'green'
}}>
♘
</div>
);
}
}
Knight.propTypes = {
connectDragSource: PropTypes.func.isRequired,
isDragging: PropTypes.bool.isRequired
};
export default DragSource(ItemTypes.STUDENT, knightSource, collect)(Knight);
是isDragging(props){return(console.log('dragging'))}
有效的javascript? 我不认为你可以将console.log作为返回的值。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.