我的類組件具有資料并將其添加到 <PointsLayer 組件：
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”組件中的 console.log 顯示資料，但“PointsLayer”組件中的 console.log 未定義。是否可以將資料從類組件傳遞到功能組件？
uj5u.com熱心網友回復：
我想你可以this加入PointsLayer. this不需要prop在功能組件中參考。
console.log("data in pointslayer", props.data);
uj5u.com熱心網友回復：
您應該props直接檢查，因為您從 EventsMap 組件傳遞資料。
// You can find data in props.
console.log(props);
console.log("data in pointslayer", props.data);
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/416311.html
標籤：