useImperativeHandle钩子不更新值开发者社区

相关文章推荐

有胆有识的键盘 · RealFlow中文版|独立模拟软件· 2 月前 ·

冷静的鞭炮 · “背叛宅圈”的敖厂长，直接被骂上了热搜第一· 2 月前 ·

痴情的帽子 · 抖音信息流广告全方位介绍| 人人都是产品经理· 2 月前 ·

会开车的烈马 · 我做了一个有灵魂的营销号文案生成器__bil ...· 昨天 ·

会开车的烈马 · 那些营销号用烂的配音，原来是这样做的__bi ...· 昨天 ·

腾讯云

开发者社区

文档建议反馈控制台

首页 TVP

腾讯云架构师技术同盟

文章/答案/技术大牛

发布

const [phone,setPhone]=useState("");
 useImperativeHandle(
    () => ({
      type: "text",
      name: "phone",
      value: phone
    [phone]
  );

import React, {
  useEffect,
  useState,
  useImperativeHandle,
  forwardRef,
  useRef
} from "react";
import ReactDOM from "react-dom";
import "./styles.css";
const App = forwardRef((props, ref) => {
  const [phone, setPhone] = useState("");
  useImperativeHandle(
    () => ({
      type: "text",
      name: "phone",
      value: phone
    [phone]
  useEffect(() => {
    setTimeout(() => {
      setPhone("9898098909");
    }, 3000);
  }, []);
  return (
    <div className="App">
      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
const Parent = () => {
  const appRef = useRef(null);
  const handleClick = () => {
    console.log(appRef.current.value);
  return (
      <App ref={appRef} />
      <button onClick={handleClick}>Click</button>
const rootElement = document.getElementById("root");
ReactDOM.render(<Parent />, rootElement);

const App = forwardRef((props, ref) => {
  const [phone, setPhone] = useState("");
  useImperativeHandle(
    () => ({
      type: "text",

问 useImperativeHandle钩子不更新值 EN

回答 2

Stack Overflow用户

Stack Overflow用户