shared-components | Shared React components for community & editor | Frontend Framework library

I have a repository created to share react components between different clients.

A shared component looks like this:

I want to pass my state from a class based component to function based component. I am following this, but it cannot solve my error. How can I access the properties? What mistake am I making?

class component:

I have been trying to analyze hotels from Tripadvisor for the Hotel chain Melia at Spain. Having made a selection of 35 hotels, we wanted to use a code that enables us to create a dataframe looping through the Urls instead of going one by one manually.

We created the base code, which includes the info we want for one of the hotels. (Copied below) However, although getting the url of the session is a possibility, our selection is more "random" and it is not one of the webpage categories (for example they have a category which is Hotels in Spain, but there is not a list for our hotels). Do you know some way to achieve that?

Scrapping Bubbles

enter image description here

We do cannot get the code for the stars. Here is what we used before the script, and the script we found.

In the Next.js 9 tutorial the suggested way to import shared components is by relative paths, like

I am getting TypeError: Cannot read property 'length' of null on testing my component. how to fix this?

here is html:

Using mockstore, I am trying to do the test for my shell components dispatch and subscribe. But end with errors. looking for the help to fix this:

spec file:

I am not able to get any proper test result from my npm run test.getting this following error. how to fix it?

I am currently running into an error trying to bundle/load a CSS file in a component library using roll up.js. I keep running into an unexpected token error which is leading me to believe it's not recognizing the extension. I have tried including CSS files in the babel plugin, that didn't work. Adding the postcss pluging resulted in my getting this error rather than my previous error Can not resolve DropDown.css but now I'm stuck. Any ideas?

The error:

Am new to the React world , so am facing issues with communications between the components. We have a 3 step login screen , and each screen has a top banner image and main background image , also few links in the footer .and the only difference is that in each screen we will have different form fields. lets say in the first screen we will have user name and a button , on the second screen some label and a text fields , and in the last screen we will have password fields and a image .

So what am planning is that i want to create a Index component with the common elements like i said the header logo, and the main image , and the footer . and i want to pass the components of the 3 screens into that so that Index will render the passed components , so if i pass the first component it should display the header logo , main image ,footer and the first screen component .

This is the first component which is calling Index and passing the LoginForm ,but its not rendering the passed LoginForm component, it just display the images of the Index component only. How can i display the passed LoginForm within the Index component ?