Question

我尝试使用我的 fetch 数组来渲染几张卡片。我有一个 MyCard 组件，它需要来自类组件中加载的数组的信息。但是我如何访问这个数组？

 class Customer extends Component {
 constructor() {
    super();
    this.state = {
      customers : []
    };

  componentDidMount() {

  fetch(.....etc ...etc..({ customers: json}))

 }


render () {
    return (   
    <div>
    <CustomerGrid/> 
    </div> ) 
  }   
  }
 export default Customer;

这里是功能组件 CustomerGrid，我需要在其中使用 Customer 类中的数组。现在我在考虑面向对象。如何从我的函数访问类中的数组？

  import React from 'react';
  import Grid from '@material-ui/core/Grid';
  import CustomerCard from '../CustomerCard/CustomerCard';
  import Customer from '../Customer/Customer';
  const CustomerGrid = () => (
    <div>
    <Grid container>
    <Grid item xs={4}>
      {this.state.Customer.customers.map(card => (
      <div className="cards">
        <CustomerCard title={card.CustomerName} custType= {card.CustomerType}></CustomerCard>
      </div>
    ))}
    </Grid>
  </Grid>
  </div>
);

export default CustomerGrid;

Answer 1

您是否尝试将其作为道具传递？前任： <CustomerGrid customers={this.state.customers} />

如何从功能组件访问类组件中的数组？

1 个答案: