Perguntas com a marcação «reactjs»

Estou criando um menu e submenus aninhados e tudo foi feito a partir de agora. Agora, preciso criar esse menu dobrável para ser aberto por padrão com base no ID fornecido .. Você também pode dar uma olhada no snippet de código de trabalho completo abaixo, const loadMenu = () …

8 javascript  html  reactjs  accordion  reactstrap 

Atualmente, estou acompanhando a documentação do React JS e encontrei um problema com os limites de erro que não estavam funcionando conforme o esperado. Tentei replicar o exemplo mostrado no CodePen fornecido pelos documentos e alguns outros exemplos simples que encontrei na internet, no entanto, ele não está funcionando da …

8 reactjs 

Depois de cavar várias horas, decidimos fazer uma pergunta sobre SO, esperando que alguém pudesse ajudar com relação ao seguinte problema. Para um de nossos aplicativos da web, usamos a estrutura Onsen UI js com sua biblioteca de suporte ao React Quando tentamos renderizar o aplicativo em nossos ambientes de …

8 javascript  html  reactjs  onsen-ui 

Gostaria de mudar minha configuração jest do meu package.json, estou tentando usar o --config como sugerido aqui, mas obtém o erroargv.config.match is not a function package.json "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test --config jest.config.js", "eject": "react-scripts eject", }, cli hutber@hutber-mac:/var/www/management/node$ npm test -u > management-fresh@0.1.0 …

8 javascript  reactjs  testing  jestjs  create-react-app 

Estou usando reagir roteador com o carregamento lento de componentes e usando Webpack como uma bundler , Quando eu acesso ao home page / eu posso ver na guia de rede que o bundle.jsestá carregado e também quando eu clicar em um item específico na barra lateral do componente correspondente …

8 javascript  reactjs  webpack  react-router  lazy-loading 

Eu quero usar este tema sombrio para o meu novo aplicativo da web react: https://github.com/ant-design/ant-design-dark-theme Depois de seguir as instruções sobre a personalização do tema aqui e as instruções sobre a aplicação do tema no README aqui, o meu config-overrides.js fica assim: const { darkTheme } = require('@ant-design/dark-theme'); const { …

8 reactjs  less  antd 

Estou tentando usar o sider do menu AntD como um painel de guias. Desejo colocar componentes dentro do conteúdo para que o painel de conteúdo renderize o componente relacionado quando um item de menu for clicado. Como faço para que essa estrutura aceite componentes como o conteúdo de cada item …

8 javascript  reactjs  react-router-dom  antd 

Eu tenho um componente muito simples com um campo de texto e um botão: Leva uma lista como entrada e permite ao usuário percorrer a lista. O componente possui o seguinte código: import * as React from "react"; import {Button} from "@material-ui/core"; interface Props { names: string[] } interface State …

8 javascript  reactjs  typescript 

Estou trabalhando com um projeto legado JavaScript que usa a estrutura React. Temos lá algum componente React definido que eu gostaria de reutilizar em um projeto TypeScript React totalmente diferente. O componente JS React é definido no arquivo controls.jsx e tem a seguinte aparência: export class MyComponent extends React.Component { …

8 javascript  node.js  reactjs  typescript  single-page-application 

Eu criei um script que é ativado na passagem do mouse em um contêiner pai e deve mover seus elementos filhos para longe do mouse. No momento, estou trabalhando, mas há algumas partes do código que parecem contradizer a aparência do código REACT. Especialmente duas partes. Estou usando um contador …

8 reactjs  dom 

Eu tenho um componente pai que processa uma coleção de filhos com base em uma matriz recebida via adereços. import React from 'react'; import PropTypes from 'prop-types'; import shortid from 'shortid'; import { Content } from 'components-lib'; import Child from '../Child'; const Parent = props => { const { items …

8 reactjs 

Aprendi a usar animação em css usando @keyframe. No entanto, eu quero escrever meu código de animação personalizado no meu projeto de reação (Using materialUI). Meu desafio é como posso escrever o código javascript para personalizar minhas animações usando o makeStyle () no MaterialUI. Quero poder personalizar os processos de …

8 css  reactjs  material-ui  jss 

Estou tentando extrair dados do Open Data para montar um rápido mapa de calor. No processo, quero adicionar algumas estatísticas. Quase tudo corre bem porque tenho os dados e sou capaz de renderizar o mapa, mas não tenho certeza de como lidar com os cálculos depois de obter os dados, …

8 javascript  reactjs  fetch  react-props 

Estou tentando configurar um aplicativo react-admin em texto datilografado e não consigo descobrir como importar o react-admin. Isso me dá o erro (simples) de dizer "Could not find a declaration file for module 'react-admin'. '.../node_modules/react-admin/lib/index.js' implicitly has an 'any' type. Try `npm install @types/react-admin` if it exists or add a …

8 reactjs  typescript  react-admin