在這里，我添加了兩個類，并希望從一個類獲取資料到另一個類，但我收到類似這樣的錯誤“警告：函式作為 React 子級無效。如果您回傳一個組件而不是從渲染中回傳，則可能會發生這種情況。或者也許你的意思是呼叫這個函式而不是回傳它。”
import React, { Component } from 'react';
import DataHtml from "../datahtml";
export default class AllData extends Component {
render(){
return (
<div className="row g-6 g-xl-9">
<DataHtml />
</div>
);
}
}
import React, { Component } from 'react';
class DataHtml extends Component {
constructor(props) {
super(props)
this.state = {
data: [ {"name": "demo","date": "02-02-2022"},{"name": "demo","date": "02-02-2022"}]
}
}
DataHtmlStructure = () => {
this.state.data.map((data) => {
return (
<div className="col-md-6 col-xl-4 test-card">
<div className="card-body p-9 pt-4">
<div className="fs-3 fw-bolder text-dark mb-1">{data.name}</div>
<div className="fs-5 text-gray-600">
<i className="bi bi-calendar-date-fill"></i>{data.date}
</div>
</div>
</div>
);
})
}
render() {
return this.DataHtmlStructure;
}
}
export default DataHtml;
uj5u.com熱心網友回復：
您需要在您的渲染方法中呼叫您的函式。
render() {
return this.DataHtmlStructure();
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/478002.html
上一篇：嘗試在兩個站點ReactNative之間導航時，未定義不是物件（評估“navigation.navigate”）
下一篇：從嵌套陣列項中洗掉值反應原生