Простое использование useState для React Hooks вызывает странную ошибку undefined не повторяется (не может прочитать свойство Symbol (Symbol.iterator))

Question

Я новичок на крючках React. Я пытался заменить состояние (класс) для ловушки useState. Что-то простое, как код ниже. Проблема в строке const [showPass, setShowPass] = useState [false], в которой, как мне кажется, синтаксис правильный

введите описание изображения здесь

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 (
        <>
        </>
    );
}

Answer 1

Измените строку:

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

на следующее:

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

Это глупая ошибка синтаксиса, useState использует скобки, а не скобки.

Должно бытьсейчас работает нормально.

Answer 2

Синтаксическая ошибка

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