Controlled File Input

ControlledFileInput.jsx

class ControlledFileInput extends React.Component {
  constructor(props) {
    super(props);
    this.handleChange = this.handleChange.bind(this);
  }

  handleChange(event) {
    console.log('Selected file:', event.target.files[0]);
  }

  render() {
    return (
      <Input
        name="FileUpload"
        onChange={this.handleChange}
        type="file"
      />
    );
  }
}