在React Bootstrap中的另一个控件的onChange处理程序中设置控件的值

林图尔

我有一个功能组件(因此没有“ this”),它可以从React Bootstrap 1.0.1渲染两个表单控件。一个是文件控件,另一个是文本控件。在文件控件的onChange处理程序中,我想设置文本控件的值。

这不应该那么难。

哈比尔

请检查以下示例:

import React, {useState} from "react";

export default function FileExample(props){

    const [filename, setFilename] = useState('');

    function changeHandler(e) {
        console.log(e.target.value);
        setFilename(e.target.value);
    }

    return(
        <div>
            <input type="file" onChange={changeHandler} />
            <input type="text" value={filename}/>
        </div>
    );
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在React中,如何根据另一个元素的事件设置选择的值

来自分类Dev

如何从 React 中的另一个函数为 componentDidMount 设置值?

来自分类Dev

从iOS中的另一个应用程序打开设置应用程序-React Native

来自分类Dev

如何在React中从另一个组件设置一个组件的状态

来自分类Dev

从React中的另一个文件中获取JSON值

来自分类Dev

在React中,如何使用另一个属性值获取对象的属性值?

来自分类Dev

在React中渲染另一个组件

来自分类Dev

在react中动态添加另一个组件

来自分类Dev

单击React元素列表并将其作为值存储在另一个列表中

来自分类Dev

在react Link中使用params并在另一个组件中获取其值?

来自分类Dev

在React中单击另一个输入框时如何更改输入值

来自分类Dev

在 React 中的另一个组件中动态渲染一个组件

来自分类Dev

从另一个组件 React js 设置状态

来自分类Dev

React组件中另一个文件中的React JS调用函数

来自分类Dev

如何获得用户输入值并在React中基于该值显示另一个元素?

来自分类Dev

如何在react js中更改另一个下拉值时动态添加下拉值?

来自分类Dev

无法通过React.js中的组件设置包含另一个组件的div的样式显示

来自分类Dev

如何通过在 react.js 中从该组件设置道具来重定向到另一个组件

来自分类Dev

在另一个应用程序中调用一个 Django 应用程序 API URL 以使用 React.js 在前端显示

来自分类Dev

从React-Native应用程序中的另一个类访问静态变量?

来自分类Dev

从React-Native应用程序中的另一个类访问静态变量?

来自分类Dev

如何在我的 React 应用程序中创建指向另一个页面的超链接?

来自分类Dev

如何通过 React Native 中的 Intent 启动和接收来自另一个应用程序的输出?

来自分类Dev

从自定义控件的另一个属性获取在设计器中设置的属性值

来自分类Dev

另一个React组件中的新React模块

来自分类Dev

另一个React组件中的新React模块

来自分类Dev

React-在其自己的声明中获取组件的属性以在另一个属性中使用其值?

来自分类Dev

如何将值onClick从不同组件分配给React中的另一个组件

来自分类Dev

在React中,父对象如何以编程方式更改另一个组件上的prop或状态值?

Related 相关文章

  1. 1

    在React中,如何根据另一个元素的事件设置选择的值

  2. 2

    如何从 React 中的另一个函数为 componentDidMount 设置值?

  3. 3

    从iOS中的另一个应用程序打开设置应用程序-React Native

  4. 4

    如何在React中从另一个组件设置一个组件的状态

  5. 5

    从React中的另一个文件中获取JSON值

  6. 6

    在React中,如何使用另一个属性值获取对象的属性值?

  7. 7

    在React中渲染另一个组件

  8. 8

    在react中动态添加另一个组件

  9. 9

    单击React元素列表并将其作为值存储在另一个列表中

  10. 10

    在react Link中使用params并在另一个组件中获取其值?

  11. 11

    在React中单击另一个输入框时如何更改输入值

  12. 12

    在 React 中的另一个组件中动态渲染一个组件

  13. 13

    从另一个组件 React js 设置状态

  14. 14

    React组件中另一个文件中的React JS调用函数

  15. 15

    如何获得用户输入值并在React中基于该值显示另一个元素?

  16. 16

    如何在react js中更改另一个下拉值时动态添加下拉值?

  17. 17

    无法通过React.js中的组件设置包含另一个组件的div的样式显示

  18. 18

    如何通过在 react.js 中从该组件设置道具来重定向到另一个组件

  19. 19

    在另一个应用程序中调用一个 Django 应用程序 API URL 以使用 React.js 在前端显示

  20. 20

    从React-Native应用程序中的另一个类访问静态变量?

  21. 21

    从React-Native应用程序中的另一个类访问静态变量?

  22. 22

    如何在我的 React 应用程序中创建指向另一个页面的超链接?

  23. 23

    如何通过 React Native 中的 Intent 启动和接收来自另一个应用程序的输出?

  24. 24

    从自定义控件的另一个属性获取在设计器中设置的属性值

  25. 25

    另一个React组件中的新React模块

  26. 26

    另一个React组件中的新React模块

  27. 27

    React-在其自己的声明中获取组件的属性以在另一个属性中使用其值?

  28. 28

    如何将值onClick从不同组件分配给React中的另一个组件

  29. 29

    在React中,父对象如何以编程方式更改另一个组件上的prop或状态值?

热门标签

归档