将数据从类组件传递到功能组件

Question

My组件，它拥有数据，并将其添加到

import React, {Component} from 'react';

export class EventsMap extends Component {
    constructor(props) {
        super(props);
    }

    render() {
        const data = this.props.data;
        console.log("data in events map", data)
....
....
...
                <PointsLayer data={data}/>

export default injectIntl(EventsMap);

尝试在我的PointsLayer组件中接收它，这是一个功能组件：

import { useState, useEffect } from 'react';
import { loadModules } from 'esri-loader';
import multipoint from "@arcgis/core/geometry/Multipoint";



const PointsLayer = (props) => {
    const data = this.props.data;
    console.log("data in pointslayer", data);

我的"EventsMap“组件中的EventsMap显示数据，但"PointsLayer”组件中的console.log未定义。是否可以将数据从类组件传递给功能组件？

Answer 1

我想你可以把this放在PointsLayer里。不需要this来引用功能组件中的prop。

console.log("data in pointslayer", props.data);

Answer 2

您应该直接检查props，因为您从EventsMap组件传递数据。

// You can find data in props.
console.log(props);
console.log("data in pointslayer", props.data);