首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用ref获取TextInput在ReactNative中的输入值?

如何使用ref获取TextInput在ReactNative中的输入值?
EN

Stack Overflow用户
提问于 2022-10-16 08:14:50
回答 1查看 31关注 0票数 1

一旦按下按钮,我想要控制台记录TextInput中的文本。我想使用useRef()来引用TextInput,我在react中尝试了这一点,并且使用了fine.But --它不是在react本机中工作的

代码语言:javascript
运行
复制
import { useRef } from "react";
import { Button, TextInput, View } from "react-native";

export default function App() {
    const inputRef=useRef();
    const send=()=>{
        console.log(inputRef.current.value);
    }
    return(
        <View>
            <TextInput ref={inputRef}/>
            <Button
                title="send"
                onPress={send}
                ></Button>
        </View>

    )
}
EN

回答 1

Stack Overflow用户

发布于 2022-10-16 08:23:28

你可以使用状态。

代码语言:javascript
运行
复制
const [value, setValue] = useState("");

function send(){
  console.log(value);
}

return (
  <TextInput value={value} onChange={setValue}/>
);
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/74085518

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档