React Hooks上的简单useState触发未定义的奇数错误是不可迭代的(无法读取属性Symbol(Symbol.iterator)

时间:2019-11-12 02:50:38

标签: reactjs react-native react-hooks

我是React钩子上的新手。我试图用useState钩子替换状态(类)。简单的代码波纹管。问题出在const [showPass,setShowPass] = useState [false]行中,我认为语法是正确的

enter image description here

import React, { useState } from 'react';
import { View, Text, TextInput, TouchableOpacity } from 'react-native';
import Icon from 'react-native-vector-icons/MaterialIcons'
import { Theme } from '../theme';

const Input = ({ icon, password, number, placeholder, value, onChangeText, colored, style, containerStyle, label }) => {
    const [showPass, setShowPass] = useState[false];

    return (
        <>
        </>
    );
}

2 个答案:

答案 0 :(得分:0)

语法错误

    const [showPass, setShowPass] = useState[false]; // change to useState(false)

答案 1 :(得分:0)

更改行:

const [showPass, setShowPass] = useState[false];

到以下:

const [showPass, setShowPass] = useState(false);

这是一个愚蠢的sintax错误,useState使用括号而不是括号。

现在应该可以正常工作。