javascript – Como acessar uma função de um componente no onMouseEnter de outro componente – ReactJS

Criei um componente de um cursor personalizado, e tenho uma função nele que altera o tamanho do mesmo.

Queria que, quando o mouse ficasse em cima de outro componente (que no meu caso é um botão), executasse essa tal função de alterar o tamanho do cursor.

<ButtonStyled onMouseEnter={ alterarTamanhoDoCursor }>
    {this.props.text}
</ButtonStyled>

react – State não atualiza o outro state onde esta sendo referenciado

Eu tenho um state que eu estou atualizando desta forma

componentWillReceiveProps(nextProps) {
    this.setState({ seriesDataFormatted: chartData(nextProps.chartData).seriesChartValues }, () => console.log(this.state));
  }

o estado esta assim, porém quando eu dou console no estado logo após setar o state a serie não recebe o novo valor o que pode ser ?

this.state = {
    seriesDataFormatted: (),
    options: {
          series: this.seriesDataFormatted,
    }
}

Ordenar array dentro de outro array com ReactJS

Pessoal montei uma tabela com os dados de um array onde terá pontos de ataque e defesa de cada player associado a uma equipe. Terá o total de pontos de ataque e defesas de cada player e um último total que soma o total de ataque e o total de defesa de cada player. Abaixo uma imagem para entender o que estou dizendo:

inserir a descrição da imagem aqui

O meu problema é que quero ordenar em crescente a coluna "SOMA A/B". Sei que no javascript tem o método sort, mas não conseguir utiliza para o meu problema. Abaixo uma imagem de como quero que fique.

inserir a descrição da imagem aqui

Agradeço se alguém pelo menos me der uma idéia. Meu código abaixo:

console.clear()

const Debug = () => {
    const (players, setPlayers) = React.useState((
        {
            name: 'Tiago',
            teams: (
                { name: 'Invictos', attack: 18, defense: 5 },
                { name: 'Warrions', attack: 10, defense: 2 },
            ),
        },
        {
            name: 'Carlos',
            teams: (
                { name: 'Invictos', attack: 13, defense: 7 },
                { name: 'Warrions', attack: 9, defense: 3 },
            ),
        },
        {
            name: 'Ana',
            teams: (
                { name: 'Invictos', attack: 18, defense: 8 },
                { name: 'Warrions', attack: 17, defense: 5 },
            ),
        },
    ))

    return (
        <div>
            <table style={{ textAlign: 'center', border: '1px solid #000' }}>
                <thead>
                    <tr>
                        <th rowSpan="2">#</th>
                        <th rowSpan="2">Nome</th>
                        <th colSpan="2">Invictos</th>
                        <th colSpan="2">Warrions</th>
                        <th colSpan="2">Total</th>
                        <th>Soma A/D</th>
                    </tr>

                    <tr>
                        <td>Ataques</td>
                        <td>Defesas</td>
                        <td>Ataques</td>
                        <td>Defesas</td>
                        <td>Ataques</td>
                        <td>Defesas</td>
                    </tr>
                </thead>
                <tbody>
                    {players.map((player, index) => (
                        <tr key={index}>
                            <td>{index + 1}</td>
                            <td>{player.name}</td>
                            {player.teams.map((p, i) => (
                                <React.Fragment key={i}>
                                    <td>{p.attack}</td>
                                    <td>{p.defense}</td>
                                </React.Fragment>
                            ))}
                            <td>{player.teams.reduce((a, b) => a + b.attack, 0)}</td>
                            <td>{player.teams.reduce((a, b) => a + b.defense, 0)}</td>
                            <td>
                                {player.teams.reduce((a, b) => a + b.attack, 0) +
                                    player.teams.reduce((a, b) => a + b.defense, 0)}
                            </td>
                        </tr>
                    ))}
                </tbody>
            </table>
        </div>
    )
}

ReactDOM.render(<Debug />, document.querySelector('#root'))
<div id="root"></div>

<script crossorigin src="https://unpkg.com/react@17/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js"></script>

não sei como fazer uma função em javascript que armazene e calcule retornado em outro input do formulario html como o que se pede abaixo

<!DOCTYPE html>
<html lang="pt-br" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>ATIVIDADE DP</title>
    <script src="https://pt.stackoverflow.com/script.js"> </script>
  </head>
  <body>
    // EXERCICIO 1;
    <section>
      <p><label for="nomeid">Nome </label><input class="nome" type="text" id="nomeid" placeholder="Nome Completo"></p>
      <p><label for="forcaid">Força </label><input class="forca" type="number" id="forcaid" placeholder="Força"></p>
      <p><label for="agilidadeid">Agilidade </label><input class="agilidade" type="number" id="agilidadeid" placeholder="Agilidade"></p>
      <p><label for="danoid">Dano </label><input class="dano" type="number" id="danoid" placeholder="Dano"></p>
      <p>XPFinal <input class="xpfinal" type="number" id="xpfinalid" disabled></p>
      <p>Resultado <input class="resultado" type="text" id="reaultadoid" disabled></p>
      <button onclick="clicar()">Calcular</button>
      <input type="text" name="" value="">
    </section>


  </body>
</html>

PROBLEMA 1- desenvolver uma página em HTML e JavaScript que contenha o formulário ao lado para a digitação dos campos: Nome do Personagem, Força, Agilidade, Dano, XPfinal e Resultado. Todos os campos deverão ser preenchidos pelo usuário com exceção dos campos XPfinal e Resultado que deverão estar desabilitados. Deve possuir um botão com o rótulo CALCULAR, quando pressionado processe alguma função e preencha os campos desabilitados. (1,0) 2- Crie uma função em JavaScript que calcule o XPFINAL. O resultado obtido deverá ser exibido no seu campo correspondente com duas casas decimais. para isso use a fórmula abaixo. (2,0) (FORÇA * AGILIDADE) / DANO 3- Assim que você calcular o XPfinal, deverá ser processado o resultado. Para isso crie uma função que compare o valor do XPfinal obtido com os valores da tabela ao lado e exiba a informação correspondente no campo Resultado. (2.0) TOTAL DE PONTOS CLASSIFICAÇÃO Menor ou igual a 3.0 Jogador muito ruim Entre 3.1 e 6.0 Jogador ruim Entre 6.1 e 12.0 Jogador normal Entre 12.1 e 19.0 Jogador bom Acima de 19.0 Jogador Excepcional

c – Erro “cannot jump from switch statement to this case label” ao adicionar outro case ao meu switch

Estou tentando adicionar outro case ao meu switch, porem apresenta esse erro acima. já verifiquei e não falta nenhum break nos cases anteriores. Porem, se eu excluir somente o case anterior ele não mais apresenta esse erro. Abaixo segue o código do case anterior.

case 5:
      printf("nDigite o valor da Largura e Comprimento da sala de aula e a distancia minima em metros recomendada respectivameten");
    scanf("%f %f %f", &Largura, &Altura, &Distancia_Minima);
    Semanas_Para_Fechar_O_Ciclo = ceil ((float) Cont_Quantidade_Aluno(Aln) / ((Quantidade_Alunos_Sala(Altura, Largura, Distancia_Minima) - 1)));
    printf("nnA turma com %d aluno(s) do nao grupo de risco foi dividida em %d grupo(s) para que haja o distanciamento adequado na sala de aula levando em consideracao a area da sala de aula e a distancia minima entre duas carteiras, sera preciso uma quantidade de %d semana(s) para que todos os alunos tenham a mesma quantidade de aulann",Cont_Quantidade_Aluno(Aln), Semanas_Para_Fechar_O_Ciclo, Semanas_Para_Fechar_O_Ciclo);
    printf("nnO grupo de alunos do grupo de risco contem uma quantidade de %d aluno(s) e eles deverão assistir as aulas de forma remotann",Cont_Quantidade_Aluno(Alunos_Grupo_De_Risco));
    //printf("nnnn");
    //printf("nQuantidade de alunos cadastrados = %dn", Cont_Quantidade_Aluno(Aln));
    //printf("nQuantidade maxima de alunos menos o professor = %dn", Quantidade_Alunos_Sala(Altura, Largura, Distancia_Minima) - 1);
    //printf("nProporcao de alunos na turma = %dn", Semanas_Para_Fechar_O_Ciclo);
    char Alocacao(Semanas_Para_Fechar_O_Ciclo)(Quantidade_Alunos_Sala(Altura, Largura, Distancia_Minima) - 1)(41);
    Aloca_Turma(Aln, (Quantidade_Alunos_Sala(Altura, Largura, Distancia_Minima) - 1), Semanas_Para_Fechar_O_Ciclo, Alocacao);
    //int L = Semanas_Para_Fechar_O_Ciclo;
    //int C = (Quantidade_Alunos_Sala(Altura, Largura, Distancia_Minima) - 1);
    //printf("nnLinhas = %d Colunas = %d", L, C);
    //for(i = 0; i < Semanas_Para_Fechar_O_Ciclo; i++){
    //  printf("nnTurma de numero %dnn", (i+1));
    //  for (j = 0; j < (Quantidade_Alunos_Sala(Altura, Largura, Distancia_Minima) - 1); j++){
    //    printf("nnPosicao (%d)(%d)Alunos = %s nn",i,j, Alocacao(i)(j));
    //  }
    //}
    Imprime_Turma_Alocada(Semanas_Para_Fechar_O_Ciclo, (Quantidade_Alunos_Sala(Altura, Largura, Distancia_Minima) - 1), Alocacao, Dias_Letivo, Horario_Escolar);
    break;

Utilizar Modal Bootstrap 4 com URL remota (abrir modal de um arquivo PHP em outro)

Como fazer para abrir uma modal em um arquivo php, chamando-a de outro arquivo php? (URL Remote)

Percebi que era bem fácil fazer no Bootstrap 3 (com o url-remote), mas no 4, não achei a solução ainda.

Se houver algum jeito de fazer sem utilizar Ajax (somente com JS JQUERY) seria melhor para solucionar meu problema.

Obrigado.

javascript – Como colocar componente svg em cima do outro, sobrepondo com CSS

Tenho um componente em reactJs.
Nele, tenho dois SVG’s e uma div ao redor, no seguinte formato:

return (
 <div className="Teste">
   <svg className="primeiro"> .... </svg>
   <svg className="segundo"> .... </svg>
 </div>
)

E coloquei o css da seguinte maneira:

.Teste {
  width: 250px;
  height: 150px;
}
.primeiro {
  top: 34px;
  left: 7px;
  position: relative;
}

Aparentemente deu certo, mas quando uso esse componente em algum lugar o primeiro svg fica no canto superior esquerdo da página e apenas o segundo svg fica na posição correta. Como posso resolver isso?

php – Preencher Select baseado no valor de outro Select anterior

Olá, gostaria de inserir informações que estão em um banco de dados baseado no valor que o select está selecionado.

Baseado no valor que o input ‘profissional’ tivesse aparecia os serviços que estão cadastrados no banco de dados.

Vi alguns posts usando Ajax, Javascript, mas não consegui adaptar ao meu código, se alguém puder dar uma força. Se precisar de mais informações só avisar.

Desde já obrigado.

<form action="pages/inserts/insertagendamento.php" name="agendamento" method="post">
        
        <label for="data">Data:</label>
        <input id="data" name="data" type="date" min="<?php echo date('Y-m-d'); ?>">
        
        <label for="hora">Hora:</label>
        <input type="time" id="hora" name="hora">
        
        <label for="duracao">Duração:</label>
        <input type="time" id="duracao" name="duracao" placeholder="h:m"><br>
        
        
        <label for="profissional">Profissional:</label>
            <select id="profissional" name="profissional">
            <option =value="">Selecione a Profissional</option>
            <?php
            include ("conexao.php");
            $query = "SELECT * FROM profissionais";
            $pesquisa = mysqli_query($conn, $query);
            
            while($exibe = mysqli_fetch_array($pesquisa)) {
                echo "<option value=" . $exibe("profissionais_id") . "> ". $exibe("profissionais_nome") . "</option> ";
            }
            ?>
            </select><br>
            
        <label for="servico">Servico:</label>
            <select id="servico" name="servico">
            <option value="">Selecione o serviço</option>
            
             Aqui seria oq preciso preencher

            </select>
            
        Cliente: <input type="text" name="cliente"><br>
        <input type="submit" value="Cadastrar">
</form>

javascript – Multiplicar dados de um input e mostrar em outro

Eu tenho um form em HTML que possui uma tabela onde o usuário digita a quantidade de produtos e o valor do mesmo, nessa mesma tabela há o campo total que deve mostrar o resultado da multiplicação entre a quantidade e o valor.
O usuário também pode clicar em um botão e adicionar linhas a essa tabela, porém, quando adiciono as linhas a multiplicação não funciona.