我举个例子
// app.js
import {PostTitle} from './components/PostTitle.jsx';
function App() {
render (
<PostTitle data={data} />
)
}
// PostTitle.js
export function PostTitle({data}) {
const [empty, updateEmpty] = useState(false);
render (
{ empty && <div>component empty</div> }
)
}字符串
App如何将空改为真
我尝试ref，但它的混乱，可能是最简单的方式，因为我有一个以上的子组件
2条答案
按热度按时间83qze16e1#
你可以做的一件事是在父组件中移动这行
const [empty, updateEmpty] = useState(false);，检查数据是否为空，设置状态，并将该信息作为props传递给子组件。2uluyalo2#
你需要做的第一件事是在App文件中定义状态。然后，你可以把这个状态作为一个属性传递给你的子组件。