Giter VIP home page Giter VIP logo

react-dropfile-field's Introduction

Hi ๐Ÿ‘‹, I'm Takeharu.Oshida

A frontend developer from Japan

georgeosddev

  • ๐Ÿ”ญ Iโ€™m currently working on Microsoft

  • ๐Ÿ‘ฏ Iโ€™m looking to collaborate on mobilusoss

  • ๐Ÿ‘จโ€๐Ÿ’ป All of my projects are available at GitHub

  • ๐Ÿ“ I regulary write articles on Qiita

  • ๐Ÿ“ซ How to reach me at LinkedIn

georgeosddev

georgeosddev takeharu-oshida-86128272

react-dropfile-field's People

Contributors

georgeosddev avatar

Stargazers

 avatar  avatar

Watchers

 avatar

react-dropfile-field's Issues

Error: Element Type is Invalid

hi,

i received this error. any idea why?

image

and here's my code

`import {DropfileField} from 'react-dropfile-field';

const iconClassNamesByExtension = {
'text': 'icon-file-text',
'doc': 'icon-file-word',
'xls': 'icon-file-excel',
'xlsx': 'icon-file-excel',
'pdf': 'icon-file-pdf',
'default': 'icon-file-text'
}

class ManageCaseButton extends React.Component {
....
render() {
.....
<DropfileField
ref='dropfilefield'
textField={<TextField style={{'width': '100%'}}
hintText="Type text or drop file"
floatingLabelText="Type text or drop file"
multiLine={true} />}
onDrop={this.onDrop.bind(this)}
iconClassNamesByExtension ={iconClassNamesByExtension}
maxFileCount={3}
/>
.....
}
`

Installation issue

when I input the key
import DropfileField from 'react-dropfile-field' for my application, my builder ran into the following issue.

ERROR in .//react-dropfile-field/index.js
Module parse failed: ./
/node_modules/react-dropfile-field/index.js Line 1: Unexpected token
You may need an appropriate loader to handle this file type.
| import DropfileField from './lib/components/DropfileField';
| export default DropfileField;
|
@ ./src/components/pages/support.jsx 67:30-61

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.