react-eleme | 基于react 16.x仿饿了么APP - 基于react | Frontend Framework library

In my app I type in a string, which is then immediately invoked in rest api call and json object is returned containing all drinks according to the name typed in. Then I would like to display a specific part of that object, for example the name, but I get undefined error when accesssing that part of the object, which I will elaborate later. I am implementing react-navigation and react-elements and variables are refreshed by hooks.

I am trying to deploy my app on Github to Heroku but getting error:

ERROR in ./src/Index.tsx Module not found: Error: Can't resolve './ConfigureStore' in '/app/src' @ ./src/Index.tsx 9:23-50

Seems like Typescript issue when I deploy on Heroku.

Although, works perfect in my local and webpack generates bundles and app runs fine. Below is my webpack.config:

I am trying to simulate a click on a React element using a Tampermonkey script. Unfortunately, since React has its own shadow DOM, the naive approaches using document.querySelector() don't work. I came across some solutions that require modification to the react components themselves, while some others try to leverage React test utils, neither of which are great in the Tampermonkey context.

To summarize my question: I have to click on a component "managed" using React. Is there any way to do this from Tampermonkey (which uses plain old javascript)?

Simulate click event on react element How to programmatically fill input elements built with React? https://reactjs.org/docs/test-utils.html

Is there a plain old javascript approach to firing a click event at a dynamically generated react element?

Code:

The selector for the element I want is #rubric_criterion_8 > div > table > tbody > tr:nth-child(5) > td.level-description, which works fine with document.querySelector(). But the click event does not work.

The relevant react component is below (from Chrome Dev Tools):

I want to use react-native-element with a react native app. First, I installed the react-elements which was successful. Now I'm trying to use an Icon with the type as font-awesome. But icons are not displaying properly. Should I need to separately install font-awesome as well in order to get the icons working? Or am I missing something here. Here is my code,

First of all I'm aver that someone already asked this question (this) but I don't exactly know how to use the answer in my project.

My problem:

I have a div with an id of square. I want to get the width of this element, and this is my code:

I see a request to https://js.stripe.com/v3/fingerprinted/data/countryRanges-4321some11hash1234.json in stripe-react-elements.

I can't find the data anywhere but the component waits for the call to load before it displays anything.

To make the user experience better I'd like to show a loading spinner instead, while I wait for it to load; so I need to track the data down.

Could someone point me towards where the data is?

My components look like

Is it possible to use a glob or regex pattern for the externals in my rollup config? With this config:

I've try several code from several resources to detect if the user already reach the bottom of the page then do fetch more data. Its working but the function always fetch the data whenever I scroll, not whenever the user reach the bottom. Here is my code:

I was trying to do this.

I must be missing something, but I don't understand why current is always null in this example.