<el-select clearable v-model="oRow.name"转为react方式

在React中，我们可以使用antd库中的Select组件来实现上述功能。首先，你需要安装antd库，可以使用npm或yarn命令进行安装：

npm install antd --save

或

yarn add antd

然后，在你的代码中引入Select组件并使用，示例代码如下：

import React, { useState } from 'react';
import { Select } from 'antd';

const { Option } = Select;

const YourComponent = () => {
  const [selectedName, setSelectedName] = useState('');

  const handleNameChange = (value) => {
    setSelectedName(value);
  }

  return (
    <Select
      allowClear
      value={selectedName}
      onChange={handleNameChange}
    >
      <Option value="John">John</Option>
      <Option value="Mary">Mary</Option>
      <Option value="Tom">Tom</Option>
    </Select>
  );
}

export default YourComponent;

在上述代码中，我们使用useState钩子来维护当前选中的名称，使用antd中的Select组件来展示可选项，并在选项发生变化时更新选中的名称。同时，我们设置了allowClear属性来使得Select组件支持清除操作。