Question

我试图在React钩子中单击按钮时打印一个字符串。

此按钮“更多信息”位于我创建的钩子的返回标记内。（JSX）单击它会调用另一个名为“ ChangeName”的功能组件，该组件应打印一个字符串。

我不确定我写的语法错误还是遗漏了什么？函数内的console.log在日志中显示字符串，但是div标签只是不在控制台上显示字符串，

创建了一个自定义钩子，并且按钮位于其返回标记内。

 <button onClick ={ChangeName}>More Info <button>

onclick应该调用以下功能并打印结果

 function ChangeName(){ 
         console.log("This is a test") //works
          return (<div>"This is a test"</div>)
          }

Answer 1

与Tt不相关的react钩子，如果要在按钮上方打印字符串，则应使用来自react钩子的useState来建立状态

const SomeComp = () => {
   const [value, setValue] = useState("")
   const changeName = () => {
      setValue("some value changed")
   }
   return (
     <>
     {value.length > 0 && <div>{value}</div>}
     <button onClick={changeName}>Change Name</button>
     </>
   )
}

在React钩子中单击按钮时返回一个字符串

1 个答案: