要实现React拖放而不使用外部库，可以按照以下步骤进行：

1. 创建一个React组件，该组件将包含要拖放的元素。在组件的state中，添加一个dragging属性，用于跟踪元素是否正在被拖动。

import React, { useState } from 'react';

const DragDropComponent = () => {
  const [dragging, setDragging] = useState(false);

  const handleDragStart = () => {
    setDragging(true);
  };

  const handleDragEnd = () => {
    setDragging(false);
  };

  return (
    

      Drag me!
    
  );
};

export default DragDropComponent;

2. 创建一个容器组件，用于接收拖放元素。在容器组件的state中，添加一个dropped属性，用于跟踪元素是否已经被放置。

import React, { useState } from 'react';

const DropContainer = () => {
  const [dropped, setDropped] = useState(false);

  const handleDragOver = (event) => {
    event.preventDefault();
  };

  const handleDrop = () => {
    setDropped(true);
  };

  return (
    

      {dropped ? 'Element dropped!' : 'Drop here'}
    
  );
};

export default DropContainer;

3. 在父组件中使用这两个组件，并添加一些样式来放置它们。

import React from 'react';
import DragDropComponent from './DragDropComponent';
import DropContainer from './DropContainer';

const App = () => {
  return (
    

      
      
    
  );
};

export default App;

这样，你就可以实现一个简单的React拖放功能，而不使用任何外部库。