import react component from another folder

Question

i have a folder component .

There is OutlinedField in component folder.

in App.js i do import OutlinedField from "./../component"; but it fails.

My code is at https://codesandbox.io/s/eloquent-cloud-ngk6u?file=/src/App.js

Community · Accepted Answer · 2020-06-20 09:12:55Z

1

As you have component folder in same directory as app.js file, you only need to add
import OutlinedField from './component/OutlinedField'

App.js

import React from "react";
import "./styles.css";
import OutlinedField from './component/OutlinedField';
export default function App() {
  return (
    <div className="App">
      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
    </div>
  );
}

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered May 16, 2020 at 8:57

Ferin Patel

4,0093 gold badges19 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Rahul SK Over a year ago

that works..but how do i use that imported component codesandbox.io/s/pedantic-sanderson-ngzkr

Ferin Patel Over a year ago

Add this < OutlinedField /> Before closing tag of div

Collectives™ on Stack Overflow

import react component from another folder

1 Answer 1

App.js

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

App.js

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related