MobX + React 实现穿梭框效果，首先需要在 MobX 中定义一个状态变量，然后在 React 中使用这个状态变量来实现穿梭框的效果。下面是一个简单的实现步骤：

1. 在 MobX 中定义一个状态变量 selectedItem： ```javascript import { createAtom } from 'mobx-state-tree';

const selectedItem = createAtom(); ```

1. 在你的组件中，创建一个使用 selectedItem 的状态属性： ```javascript export default class MyComponent extends React.Component { state = { selectedItem: null, };

handleSelect = (item) => { this.setState({ selectedItem: item, }); };

render() { return (

1. 在你的项目中，你可以通过 selectedItem 的值来更新穿梭框。例如，如果你有一个从服务器获取的数据，你可以通过 selectedItem 的值来更新穿梭框中的数据： ```javascript import axios from 'axios';

// 获取选定的项目数据 async function fetchData() { try { const response = await axios.get('https://example.com/api/project'); const selectedItem = response.data.item; this.setState({ selectedItem, }); } catch (error) { console.error(error); } }

// 更新穿梭框 fetchData(); ```

以上就是一个简单的实现步骤，通过 MobX 和 React 的结合，我们可以轻松地实现穿梭框的效果。