时间戳

首页 > 解决方案 > 更新状态问题 reactjs 不工作

javascript - 更新状态问题 reactjs 不工作

问题描述

在下面的代码中，我有一个空白输入。我需要在控制台中查看更新的输入状态，但是每当我在输入中输入任何内容时，我都会收到错误 setSavedinput is not defined .any help

import "./styles.css";
import React, { useState } from "react";
import ReactDOM from "react-dom";
const blankinput = () => {
  const [Savedinput, setSavedinput] = useState("");
};
const Changesaved = (e) => {
  setSavedinput(e.target.value);
  console.log(Savedinput);
};
export default function App() {
  return (
    <div className="App">
      <input type="Text" onChange={Changesaved}></input>
    </div>
  );
}

提前致谢

标签： javascriptreactjsstate

解决方案

这是您的代码中的一些问题。为了使其正常工作，您需要进行以下更改：

export default function App() {
  const [Savedinput, setSavedinput] = useState("");

  const Changesaved = (e) => {
    setSavedinput(e.target.value);
    console.log(e.target.value);
  };
  return (
    <div className="App">
      <input type="Text" onChange={Changesaved}></input>
    </div>
  );
}

如果您需要随时console.log更改Savedinput，则需要添加useEffect具有该状态的依赖项，如下所示：

useEffect(() => {
  console.log(Savedinput)
}, [Savedinput])

推荐阅读