Modularize Code in React

[AnkitdixitParticipant]

Hello Everyone, Can anyone suggest me below sample is right to modularize code in React, export and import properties? I am preparing for my upcoming react interview, So your suggestions are very helpful to me.

export default class ChildComponent extends React.Component {
render() {
return(
This is a child component
);
}
}
import ChildComponent from ‘./childcomponent.js’;
class ParentComponent extends React.Component {
render() {
return(
);
}
}

[MartinParticipant]

Hello Ankitdixit,

Yes, that is right.
After you have imported the ChildComponent you can use it inside the parent component like this, for example:

import ChildComponent from ‘./childcomponent.js’;
class ParentComponent extends React.Component {
  render() {
    return(
       <div>
           <ChildComponent /> 
       </div>
    );
 }
}

Best Regards,
Martin Yotov

jQWidgets team
https://www.jqwidgets.com

[singhjyoti0894Participant]

Yes, the given sample code is correct.

You can also verify from this post.

[KroodParticipant]

Thank you for this!

[Author]

Posts