react 如何获取models中的数据

在React中，要获取models中的数据，可以使用React Redux库来实现。以下是一种常见的做法：

首先，确保已经安装了React Redux库。可以使用以下命令来安装：

npm install react-redux

在根组件中，使用Provider组件将Redux store传递给整个应用程序。例如：

import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import store from './store'; // 导入Redux store

ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root')
);

在需要获取models中的数据的组件中，使用connect函数将组件与Redux store连接起来。这样，组件就能够通过props访问store中的数据。例如：

import React from 'react';
import { connect } from 'react-redux';

const MyComponent = ({ data }) => {
  // 使用data进行渲染
  return (
    <div>
      {data.map(item => (
        <p key={item.id}>{item.text}</p>
      ))}
    </div>
  );
};

const mapStateToProps = state => {
  return {
    data: state.myModel.data // 假设myModel是Redux store中的一个model
  };
};

export default connect(mapStateToProps)(MyComponent);

通过mapStateToProps函数，将store中的数据映射到组件的props中。在上面的例子中，我们将state.myModel.data映射到了组件的data props中。你可以根据自己的实际情况进行调整。
现在，你可以在组件中使用data props来访问models中的数据了。在上面的例子中，我们使用了data.map来渲染一个列表。

通过以上步骤，你就可以在React中获取models中的数据了。请注意，这是一种基本的做法，实际使用中还可能涉及到其他概念和技术，如actions、reducers等