Method render

examples/03 Nesting/Drag Sources/SourceBox.js:36–70

()

  };

  render() {
    const { color, children, isDragging, connectDragSource, forbidDrag, onToggleForbidDrag } = this.props;
    const opacity = isDragging ? 0.4 : 1;

    let backgroundColor;
    switch (color) {
      case Colors.YELLOW:
        backgroundColor = 'lightgoldenrodyellow';
        break;
      case Colors.BLUE:
        backgroundColor = 'lightblue';
        break;
      default:
        break;
    }

    return connectDragSource(
      <div
        style={{
          ...style,
          backgroundColor,
          opacity,
          cursor: forbidDrag ? 'default' : 'move',
        }}
      >
        <input
          type="checkbox"
          checked={forbidDrag}
          onChange={onToggleForbidDrag}
        />
        <small>Forbid drag</small>
        {children}
      </div>,
    );
  }
}

export default class StatefulSourceBox extends Component {