在Reactjs中将图像切换为文本onClick已更新为工作代码

如何解决在Reactjs中将图像切换为文本onClick已更新为工作代码

我搜索了类似的问题，但是我做错了什么。我正在尝试从照片切换为文本onClick，以便在单击照片时显示的是文字，而不是图像。
但是当我单击照片时，出现“ setToggleImage不是函数”的信息。我是新手，所以几乎可以肯定我错过了一些东西，但我看不到。这是代码，在我发疯之前的任何帮助都将不胜感激：


import React,{ useState } from 'react';
import Image from 'react-bootstrap/Image';
import profilePhoto from '../images/_MG_9807.JPG';

const contactInfo = {
    title: 'Contact: ',email: 'email: xxx@gmail.com',Github:  ' Github: ',linkedin: 'linkedin: ',};

const ImageContactDetails = () => {
    const [ toggleImage,setToggleImage ] = useState(true);



    return(
    <div>
            <div className='imageContactDetails' onClick={() => setToggleImage(!toggleImage)} > 
                { toggleImage ? <Image id='imageDetails' src={profilePhoto}   alt='professionalprofile' /> : 
              <div>   
                 <h4> {contactInfo.title} </h4>
                 <h5> {contactInfo.email} </h5>
                 <h5> {contactInfo.Github} </h5>
                 <h5> {contactInfo.linkedin} </h5>
             </div>   
            }
            
            </div>

            <div id='contactInfo'>  

            </div>
        
    </div>
    )
}
export default ImageContactDetails;

解决方法

useState()返回数组中的一对值，因此您应该使用数组解构。应该是：

const [toggleImage,setToggleImage] = useState(true);