Reactjs React Redux-将数据从状态传递到另一个组件以显示结果列表

如何将从一个组件中获得的Redux数据传递到另一个组件

let map_usersList = users.data && users.data.map((userlist => (

...
...       <ul>
              {map_usersList}
          </ul>

这里是searchResult.js

import React, { Component } from 'react'
import PropTypes from 'prop-types'
import AppLink from '../../../others/link/link'


class SearchResult extends Component {

SearchResult.propTypes = {
  id: PropTypes.number.isRequired,
  username: PropTypes.string.isRequired,
}

export default SearchResult

---

我得到了计数，但数据中什么也没有。例如，用户id未定义。

您确定要使用正确的对象属性名称吗？我看到您使用

userlist.id

作为密钥。因此，您的用户值必须是这样的：

{id:1，username:“foo”}

但是，在

搜索结果

组件中，您使用了

用户id

，

用户用户名

等变量。下面是一个简单的工作示例，主要用于您的代码

const用户=[
{id:1，用户名：“foo”}，
{id:2，用户名：“bar”}，
{id:3，用户名：“baz”}，
];
类应用程序扩展了React.Component{
render（）{
让map\u usersList=users&&users.map（userlist=>(
));
返回{map_usersList}；
}
}
类SearchResult扩展了React.Component{
render（）{
让{
身份证件
用户名，
}=这是道具
console.log（“用户是”+id）
返回(
用户Id:{Id}，用户名：{Username}

)
}
}
render（，document.getElementById（“根”））
您确定要使用正确的对象属性名称吗？我看到您使用
userlist.id
作为密钥。因此，您的用户值必须是这样的：
{id:1，username:“foo”}
但是，在
搜索结果
组件中，您使用了
用户id
，
用户用户名
等变量。下面是一个简单的工作示例，主要用于您的代码


const用户=[
{id:1，用户名：“foo”}，
{id:2，用户名：“bar”}，
{id:3，用户名：“baz”}，
];
类应用程序扩展了React.Component{
render（）{
让map\u usersList=users&&users.map（userlist=>(
));
返回{map_usersList}；
}
}
类SearchResult扩展了React.Component{
render（）{
让{
身份证件
用户名，
}=这是道具
console.log（“用户是”+id）
返回(
用户Id:{Id}，用户名：{Username}

)
}
}
render（，document.getElementById（“根”））

这是我的错误，使用正确的属性可以正常工作。非常感谢。这是我的错误，它使用正确的属性可以正常工作。多谢。
import React, { Component } from 'react'
import PropTypes from 'prop-types'
import AppLink from '../../../others/link/link'


class SearchResult extends Component {

SearchResult.propTypes = {
  id: PropTypes.number.isRequired,
  username: PropTypes.string.isRequired,
}

export default SearchResult