使用React Native Hooks

Question

我正在尝试学习钩子和本机反应。

目前，我正在尝试创建一个小的购物清单应用程序，您可以将您想要的商品添加到清单中。

我已经在显示屏上有了input +按钮。

<View>
    <TextInput placeholder="hinzufügen..." 
         onChangeText={inputHandler} 
         value={enteredEntity} 
     />

     <Button title="+" onPress={addInputHandler} />
</View>

我有两个函数+钩子，声明如下：

const [enteredEntity, setEnteredEntity] = useState('');

const inputHandler = (enteredEntity) => {
    setEnteredEntity(enteredEntity);
}

const addInputHandler = () => {
    console.log(enteredEntity);
}

并得到以下错误消息(见下文)-在第20行，错误应该是I have the TextInput。

​

​

非常感谢您的意见。

Answer 1

正如Ian在他的评论中建议的那样，这个问题是由于缺少{ useState }的导入造成的。

import React, { useState } from 'react';

Answer 2

这就是钩子的实现方式。此示例使用componentDidUpdate实现。根据useEffect的第二个参数，这个钩子可以充当componentDidMount或componentDidUpdate。每次渲染完成时，useEffect都会运行，这可能会导致无限循环，因此始终尝试传递第二个参数

    import React, {useState, useEffect}  from 'react';

    const [userBalance, setUserBalance] = useState(session.userBalance);
    useEffect(()=>{
                setUserBalance(session.userBalance)
            },[session.userBalance]);

Answer 3

从'react‘导入React，{useState}