小编Den*_*995的帖子

我知道这个错误可能很常见，并且之前已经回答过几次，但我找不到解决方案。

我的代码总是抛出此错误：“.map 不是函数”。我知道发生这种情况是因为数据不是数组。所以我尝试用 .keys 函数解决这个问题，但这会引发“.keys 不是函数”错误。我在父组件中声明 const 数据，并希望在子组件中使用它。

我认为我的错误取决于 .keys 的错误使用。但经过多次谷歌搜索后，我仍然没有更进一步。

这是我的子代码：

import React from "react";
import Card from 'react-bootstrap/Card';
import Col from 'react-bootstrap/Col';
import Row from 'react-bootstrap/Row';
import Container from 'react-bootstrap/Container';
import {Link} from 'react-router-dom'

const PostsRow = (data) => {
     

{return (
    
    <Container>
      <Row>
        {data.keys(data).map((data) => {
          console.log(data + "is mount")
              return (
        <Col className="col-6 col-md-6 col-lg-3 card">
            <Link to={data.url}>
              <Card className="  text-center ">
                <Card.Img variant="top" src={data.imagesrc} />
                <Card.Body>
                  <Card.Title>{data.title}</Card.Title>
                </Card.Body>
              </Card>
            </Link>
          </Col>
        );
      })}
      </Row>
    </Container> …