在React中,要重新加载某个子组件,你可以通过改变该组件的
key
属性来强制它重新渲染。这是因为React会在key
变化时销毁旧的组件实例并创建一个新的实例。
多的不说直接上代码
import React, { useState } from 'react';
import ChildComponent from '../childComponent.jsx';
const ParentComponent = () => {
const [reloadKey, setReloadKey] = useState(0);
const reloadChild = () => {
setReloadKey(reloadKey + 1);
};
return (
<div>
<button onClick={reloadChild}>点我</button>
<ChildComponent key={reloadKey} />
<div/>
);
};
export default ParentComponent;
注:本人前端小白 ,如有不对的地方还请多多指教