Reactjs 反应功能组件共享状态

我在两个组件中共享状态时遇到错误。因此，目前我遇到的问题是无法重新构造“未定义”的属性“输入”，因为它是未定义的。所以我假设输入状态不是从

RenderContent

组件共享的。我尝试过useContext，但我确定如何构建它

RenderContent.js

export const RenderContent = () => { 
  const [input, setInput] = useState(''); 
  return ( 
    <form>
     <input
      type="text"
      onChange={e => setInput(e.target.value)}
      value={input}
      onBlur={() =>delay(() =>setInput(''),150}
      placeholder='placeholder here...'
     />
    </form>
  );
};

因此可以看到

RenderContent

组件中的输入状态存储在这个函数组件中，但是我想做一个状态提升，以某种方式将状态转移到父组件中，因为它们共享同一个父组件，这样我就可以将输入状态传递到

renderAction

组件中。但我不确定我该如何处理这个问题

我已附加父组件作为参考

<Dialog
 renderContent={RenderContent}
 renderAction={RenderAction}
/>

常量MyComponent=（）=>{
const[input，setInput]=useState（“”）；
回来
}
导出常量RenderContent=（props）=>{
const{input，setInput}=props；
报税表（
//…这里有一些代码
);
};

但是这里RenderContent必须是函数才能是组件。。。这就是我们可以在这里传递道具的原因：(

<Dialog
 renderContent={RenderContent}
 renderAction={RenderAction}
/>