首页 > 解决方案 > 使用 React Native Hooks

问题描述

我正在尝试学习钩子并总体上对本机做出反应。

目前我正在尝试创建一个小型购物清单应用程序,您可以在其中将所需的项目添加到列表中。

我已经在显示屏上有输入 + 按钮。

<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 行,错误应该是我有 TextInput。

在此处输入图像描述

非常感谢您的意见。

标签: androidreactjsreact-nativereact-hooks

解决方案


正如 Ian 在他的评论中所建议的那样,问题是由于缺少导入{ useState }.

import React, { useState } from 'react';

推荐阅读