vigor | Node.js开源论坛与聊天室，原名forim。最新版功能放在https : //t1bao.com | Runtime Evironment library

I have a map with different markers and as much as I am aware the markers are rendered in the order they appear which means marker 3 is on top of marker 1 and 2. I am using React Map Gl with mapblibre-gl and React(typescript) I'm fine with that, but if I hover an marker I want the hovered marker to be on top(when overlaying with another marker). I tried z-index but it does not work at all.

Maker:

I put the "extract the text" in caps because I have yet to see any answer that works. I need to extract every option available in a drop down list that has two nested optgroups, I DO NOT want to just simply select the values. The html is as follows:

I use Shopify Polaris's setting toggle.https://polaris.shopify.com/components/actions/setting-toggle#navigation

And I want to implement not only one but multi setting toggles.But I don't want to always duplicate same handleToggle() and values(contentStatus, textStatus) like below the sandbox A,B,C...

If you want to see this project running you can see the codesandbox in here.

I have a Landing component calling a ReturnPokemon component passing a string as props.

The ReturnPokemon component receives two arrays and sends back the array accordingly with the props it's receiving.

Now the Landing component has a console.log for the information that it is receiving from ReturnPokemon.

The problem with the code is Landing is not receiving the same array that ReturnPokemon receives, why is that? I need that ReturnPokemon send to Landing the same array it is receiving. How can I fix the code?

Landing:

What I'm trying to do is : after manipulating the data of each user in the "users" array I want to add it to a state called newUser, then push that new user to an array called newUsersList. How can I do that? (the users array here is simplified)

I want to add circle when the 2 lines cross.

Here the code and i add the last line but it's a error.

I'm building a chat app, I have 3 main components from parent to child in this hierarchical order: Chat.js, ChatLine.js, EditMessage.js. I have a function updateMessage in Chat component that I need to pass to the second child EditMessage, but it causes a rerender of every ChatLine when I click on Edit button and begin typing. I can't figure out how to memoize it so it only causes a rerender on the ChatLine I'm editing.

It only works if I pass it to ChatLine as :

I´m trying to plot a heart beat for 24 hours, I have data for every second. The problem I´m running through is that when I plot the data and assign to each beat the "intensity zone", I get a straight line in the graph (check the blue line between 4:00 and 10:00) instead of just the color for that data. Also, I´m getting a line for NA values, and although I have added na.rm=TRUE it still shows in the graph.

Here's the code and the data:

I am using the React Material UI Grid System to align my elements on the page which uses flexboxes internally.

Everything works great but I cannot figure out how to horizontally align items when the containers contain a different number of items.

In the following example, I have 2 container items that take a width of 6 each. The first one contains items x1 and x2 and the second container contains the items y1, y2 and y3. As you can see, the way it looks right now is a little bit odd. I want x1 horizontally aligned with y1 and the same goes for x2 and y2.

The reason why I placed x1, x2 in the first container and y1, y2, y3 in the second container is because they semantically belong together. Thus, I can give the outer container different xs, sm, md, lg, xl values and if it hits the breakpoint, they will still show up in the correct order.

However, if I simply place them in 3 rows with 2 columns each, they will break in the order x1, y1, x2, y2, ... That would obviously not be right.

Therefore, my question is, how can I horizontally align them?

Edit:

This is how it looks right now:

This is how it want it to look like: