CODEWITHSUNDEEP
asp.netreactjs
user1590336
user1590336

Reputation: 109

Fileinput not defined

I'm trying to learn React on Asp.net. I'm trying to create a file upload page but it seems like Fileinput is missing.

MyFileUploader.js:

import React, { Component } from 'react';
import ReactDOM from 'react-dom'


export class MyFileUploader extends Component {
    constructor(props) {
        super(props)
        this.uploadFile = this.uploadFile.bind(this);
    }

    uploadFile(event) {
        let file = event.target.files[0];
        console.log(file);

        if (file) {
            let data = new FormData();
            data.append('file', file);
        }
    }

    render() {
        return <span>
            <input type="file"
                name="myFile"
                onChange={this.uploadFile} />
        </span>
    }
}

ReactDOM.render(<FileInput />, document.getElementById('root'));

Upvotes: 0

Views: 1138

Answers (1)

Zohaib
Zohaib

Reputation: 1037

ReactDOM.render(<FileInput />, document.getElementById('root'));

ReactDOM.render takes two arguments first argument is React component which we have created either class or functional component. In your case its class component class MyFileUploader so your component name is MyFileUploader and you are passing first argument to ReactDOM.render FileInput. you have to either pass

ReactDOM.render(<MyFileUploader />, document.getElementById('root'));

or you have to change your component name

class FileInput

Upvotes: 2

Related Questions