Perguntas com a marcação «reactjs»

Então, eu estava procurando por uma resposta para essa pergunta e descobri que, ao importar, 'React' não precisa estar em {}, pois é a exportação padrão e não uma exportação nomeada. Bem, isso está correto, mas também vi durante a importação de uma exportação padrão, poderíamos usar qualquer nome na …

9 javascript  reactjs 

Eu tenho um aplicativo em que estou usando a UI do material e seu provedor de temas (usando JSS). Agora estou incorporando o fullcalendar-react , que não é realmente uma biblioteca React completa - é apenas um invólucro fino do componente React em torno do código original do fullcalendar. Ou …

9 css  reactjs  fullcalendar  jss 

Eu tenho um subconjunto muito pequeno do Markdown, juntamente com alguns html personalizados que gostaria de analisar nos componentes do React. Por exemplo, eu gostaria de transformar esta seguinte string: hello *asdf* *how* _are_ you !doing! today Na seguinte matriz: [ "hello ", <strong>asdf</strong>, " ", <strong>how</strong>, " ", <em>are</em>, …

9 javascript  arrays  regex  reactjs  markdown 

Eu gostaria que o usuário pudesse classificar uma lista de itens de tarefas. Quando os usuários selecionam um item em uma lista suspensa, ele define o sortKeyque criará uma nova versão do setSortedTodose acionará a useEffectchamada e setSortedTodos. O exemplo abaixo funciona exatamente como eu quero, no entanto, o eslint …

9 javascript  reactjs  react-hooks  eslint 

Nesta edição do GitHub, propus essencialmente mudar: x = useCallback( ... , []); Para: x = useRef( ... ).current; Os dois são iguais, mas com useRefReact não compara as dependências. Para o qual uma resposta veio com uma pergunta: Existe alguma situação em que useMemo ou useCallback sem dependência seja …

9 reactjs  react-functional-component 

Estou criando um aplicativo da web React JS que será convertido em um PWA para que os usuários possam instalá-lo em seus dispositivos móveis. Agora, o cliente pede para descobrir uma maneira de enviar esses aplicativos PWA para a Apple Store e a Google Store. Portanto, minha pergunta é se …

9 javascript  reactjs  progressive-web-apps 

Eu tenho funções IIFE para parte do código da biblioteca em um aplicativo herdado que precisa funcionar para o IE10 + (sem carregamento do módulo ES6, etc.). No entanto, estou começando a desenvolver um aplicativo React que usará o ES6 e o ​​TypeScript e quero reutilizar o código que já …

9 javascript  reactjs  es6-modules  legacy  iife 

Nas versões anteriores a 0,61 do react-native para refletir alterações de código, temos duas opções como. Recarga ao vivo (recarrega o aplicativo quando detecta algumas alterações) Recarga a quente (reflita as alterações sem recarregar) mas na versão 0.61 , foi introduzido um novo recurso de desenvolvedor chamado Atualização Rápida, que …

9 reactjs  react-native  react-native-android  react-native-ios 

No meu código, não tenho nenhum uso explícito decomponentWillMount , mas ainda estou vendo alguns avisos ao executar webpack. react-dom.development.js: 12386 Aviso: componentWillMount foi renomeado e não é recomendado para uso. Consulte https: /fb.me/react-unsafe-component-lifecycles para obter detalhes. Mova o código com efeitos colaterais para componentDidMount e defina o estado inicial …

9 javascript  reactjs  react-props 

Eu criei um novo projeto com create-react-app, executei o npm start e isso apareceu. https://imgur.com/a/3By9NCr Usando o FF 69.0.3

9 reactjs 

Estou recebendo o seguinte erro ao executar o npm start: A sintaxe do módulo ES2015 é preferida aos módulos e espaços de nome TypeScript personalizados @ typescript-eslint / no-namespace namespace InternalThings {...} Eu tentei pesquisar isso, mas é muito confuso. Por que isso está acontecendo? Como corrigi-lo? Tentei colocar algumas …

9 javascript  node.js  reactjs  typescript 

Estou tentando executar um aplicativo de reação na minha máquina local, recebo este erro quando executei npm run start: > node scripts/start.js internal/validators.js:125 throw new ERR_INVALID_ARG_TYPE(name, 'string', value); ^ TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefined at validateString (internal/validators.js:125:11) at Object.resolve (path.js:161:7) at resolveApp …

9 reactjs 

Eu tentei reinstalar o nó e remover appdata / roaming / npm e npm-cache. Eu criei vários aplicativos antes, então não tenho certeza do que está acontecendo. Qualquer ajuda é apreciada.

8 reactjs  create-react-app  npx 

Vídeo demonstrando meu problema: https://i.imgur.com/L3laZLc.mp4 Eu tenho um aplicativo simples onde você pode adicionar cartões a 2 linhas diferentes. Quando um cartão é adicionado a uma linha, estou usando react-transition-grouppara acionar uma animação "enter". No entanto, também react-beautiful-dndinstalei para permitir o arrastamento de cartões entre as linhas e também para …

8 css  reactjs  animation  react-transition-group  react-beautiful-dnd 

Eu tenho uma lista de matriz e quando eu começar a digitar na inputlista de matriz irá filtrar correspondente ao value. Funciona, mas perco o foco inputdepois de digitar um caractere. Meu código: const MyPage = (props) => { const [searchTerm, setSearchTerm] = useState(""); const results = !searchTerm ? people …

8 reactjs  react-native