melo | melo is mesh loader for OBJ , glTF2 and PLY | 3D Animation library

I have a question regarding the creation of multiple dataframes. Below is the initial dataframe.

I am trying to find the number of failed passes per player that leads into a turnover by the opponent (thus by an interception). See column type_name and result_name, the cases where this happens are in row 43 and 46 (thus row 42 and 45 are the unsuccessful passes and should be counted).

I have a dataframe that contains a foul made by a player which eventually leads to a shot on target. What I want to do is create a new column that puts either TRUE/FALSE, where TRUE is set, if the foul of a player leads to a successful shot on target by the opponent (thus the opposite team of the player that made a foul). This should happen within 120 seconds (from the time_seconds column). Rows 15 and 16 provide an example:

In row 15 the away-team (i.e. home_team == FALSE) commits a foul, where in row 16, the home-team (i.e. home_team == TRUE) successfully shoots on target. The timedifference is time_seconds[16] - time_seconds[15], which is approximately 99 seconds.

If this occurs, the new column should put TRUE in row 15.

Each li tag has a data-push-cate value. ex)melo, thriller, horror...

When the user clicks on the a.product-compare tag, The check class is being added to the li tag.

Here are some situations in which you need help.

When the user clicks on a.product-compare, If the value of data-push-cate in li is different, we want to display an alert.

Please give me a hint.

js

The code is working fine, but my main component is too overwhelmed with the function "renderCadastros".

How can i make the function "renderCadastros" a child component and use it where i have "{Cadastros.map(renderCadastros)}" and keep the code running the same?

I'll still have to call the function "removerCadastro" from this parent component when the "renderCadastros" component is created.

Parent component:

Trying to implement a function that adds a new value to my ReactJS table.

When i click the button "cadastrar" in the Formulario component it should send a new object to the parent's component and re-render the table rows.

I'm trying really hard to make this application work, don't see why its not working propperly.

my objective with that is that the table is supposed to keep it's old values adding a new row with the new values from the forms.

Exact error when i click the button: https://imgur.com/zAkjquz

Parent's component:

Its possible to use a function from the parent component in a child component even if this function changes the parent state? (this function has a parameter)

How would i export it to my child component and use it?

This is the function i want to export and use in my child component:

I have 3 dataframes, each one having a list of players, by position (Forwards, Defenders and Goalkeepers):

I am trying to get the outerHeight of my top navigation bar on my website for some calculations and it works perfectly when loading/reloading the webpage. However, it returns the wrong height when I change the orientation of the screen in Chrome Developer Tools to landscape. My code listens for a resize change event before getting the outerHeight, so I'm not sure why it is returning the wrong height on orientation change of the webpage but the correct height when loading/reloading the webpage. I think it might have to do with the resize listener not waiting for the page to fully load after an orientation change but I am unsure.

For the code snippet, I tried adding Bootstrap 4.5 to it but it kept returning an error. If someone wanted to add that in who knows how to do that, that would be much appreciated so that page is more accurate when running the code snippet.