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

Question

我有一个功能组件(所以没有 "这个")，它可以渲染React Bootstrap 1.0.1的两个Form控件。 一个是文件控件，另一个是文本控件。 在文件控件的onChange处理程序中，我想设置文本控件的值。

这应该不难。

Answer 1

请检查这个例子。

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