javascript setCity不是控制台的函数错误[已关闭]

x0fgdtte 于 2023-01-29 发布在 Java

关注(0)|答案(4)|浏览(124)

- 已关闭。**此问题为not reproducible or was caused by typos。当前不接受答案。

这个问题是由打字错误或无法再重现的问题引起的。虽然类似的问题在这里可能是on-topic，但这个问题的解决方式不太可能帮助未来的读者。
9小时前关门了。
Improve this question
我的目标是同时出现在控制台上的字母，同时键入输入。但我按下它的每一个字母突然给错误看这张图片：enter image description here
我想我的编码有问题.你能检查一下吗？

import {useState, useEffect} from "react";


const Form = () => {
    const [city, setCity]= useState=('');
 
    useEffect( () => console.log(city) ,[city] );

    const handleChange = () => {
    } 

    return (

        <div className="form">
            <h1 className="h1">Weather App</h1>
            <form onSubmit={(e)=> {e.preventDefault(); handleChange()}}>
                <div className='form2'>
                    <input  onChange={(e)=> setCity(e.target.value)}  className='inputText' type='text' placeholder="Enter the city" />
                </div>
                <div className='btnDiv'>
                    <button type="submit" className="btn">Enter</button>
                </div>
            </form>
        </div>
    )

}
export default Form;

我觉得我的州出了问题。

JavaScript

来源：https://stackoverflow.com/questions/75243349/setcity-is-not-a-function-error-at-console

4条答案

按热度按时间

avwztpqn1#

您的“useState”行错误，请删除useState和（''）单据之间的“=”：https://reactjs.org/docs/hooks-state.html

赞(0）回复(0）举报 2023-01-29

lymgl2op2#

我看到的第一个错字是：const [city, setCity]= useState=('');
应为：const [city, setCity]= useState('');

赞(0）回复(0）举报 2023-01-29

yjghlzjz3#

您设置“city”初始状态的方式似乎有问题。您应该使用"useState('')"，而不是"useState=()"。此外，您尚未在表单提交时调用的handleChange()函数内实现任何内容。请尝试以下操作。

const Form = () => {
    const [city, setCity] = useState('');

    useEffect( () => console.log(city) ,[city] );

    const handleChange = (e) => {
        e.preventDefault();
        console.log(city);
    } 

    return (

        <div className="form">
            <h1 className="h1">Weather App</h1>
            <form onSubmit={handleChange}>
                <div className='form2'>
                    <input  onChange={(e)=> setCity(e.target.value)}  className='inputText' type='text' placeholder="Enter the city" />
                </div>
                <div className='btnDiv'>
                    <button type="submit" className="btn">Enter</button>
                </div>
            </form>
        </div>
    )

}
export default Form;

赞(0）回复(0）举报 2023-01-29

w9apscun4#

替换const [city, setCity]= useState=('');
带有const [city, setCity] = useState('');

赞(0）回复(0）举报 2023-01-29