Jump to content

Search the Community

Showing results for tags 'react'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Calendars

  • Comunidade iMasters

Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 15 results

  1. Bom dia Galera!Fiz uma tela de cadastro na aplicação usando popup. Para cadastro tudo certo, pois não preciso recolher informações.Para fazer a tela de update, precisava que quando clicasse no link "Editar" ele buscasse a linha que eu cliquei para editar, porem em todas as tentativas de resolver isso ele pegou somente a primeira linha, fora que colocando o html do popup nessa ordem, ele foi parar la no canto direito.Segue o codigo de uma das tentativas :// Aqui é onde faço o select com todos ativos da carteira em tabela, e a DIV popup é exibida quando clico no link Editar. Não sei se é o lugar correto mas foi o mais proximo que consegui de fazer funcionar. Porem como ja explicado sempre pega o primeiro valor em vez da linha que cliquei{ativo.map(row => (<tr><input className="key" value={row._id} /><td>{row.ativo}</td><td>{row.quantidade}</td><td>{row.data_entrada}</td><td>{row.valor_entrada}</td><td>{row.data_saida}</td><td>{row.valor_saida}</td><td>R${row.valor_saida - row.valor_entrada}</td><td><a onClick={edit}>Editar</a></td><div className="popupedit"><div className="popupedit-content"><img src={close} alt="close" onClick={fechar} className="close" width="20px" height="20px"/><center><input type="text" placeholder="Ativo"></input><input type="text" placeholder="Lotes"></input><div className="datacompra"><input type="date" placeholder="Data da Compra" className="data"></input><input type="checkbox" className="check"></input><label className="check">Hoje</label></div><input type="text" placeholder="Valor da Compra"></input><div className="datacompra"><input type="date" placeholder="Data da Compra" className="data"></input><input type="checkbox" className="check"></input><label className="check">Hoje</label></div><input type="text" placeholder="Valor da Venda"></input> </center><button className="button">Adicionar</button></div></div></tr>// função que chama exibi o popupfunction edit(){document.querySelector(".popupedit").style.display = "flex";}
  2. AlexandrePrezzi

    Mixed Content

    Olá ... Hospedamos uma aplicação feita em NODEJS e REACT e ela esta em HTTPS , porem essa aplicação consome uma API REST que esta em HTTP. Com isso o navegador indica Mixed Content, porem não temos como alterar essa API para HTTPS .... Existe alguma solução para esse caso ? Trabalhar com conteúdo misto ....
  3. Pessoal estou tentando configurar o Debugger pro Chrome no VSCode ...para um projeto em 'React' e acredito estar fazendo algo errado.. 1 ) Instalei a extensão do Debugger do Chrome .. 2 ) Editei o launch.json da seguinte forma { "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name": "Launch Chrome", "url": "http://localhost:3000", "webRoot": "${workspaceFolder}" }, ] } Porem quando vou rodar F5 nada acontece ... o Chrome nao abre .... Alguem teria alguma solução para isso ?
  4. AlexandrePrezzi

    Login com React + API

    Boa tarde ... Sou iniciante trabalhando com React e estou com uma missão de fazer um sistema com autenticação de usuário . Para esse teste criamos uma API com apenas o campo de usuário ( nao tem senha por enquanto) .... Minha ideia é fazer um formulario em que se a pessoa digitar um usuario válido esta ok para entrar no sistema Consegui fazer a tela e o acesso a API.... porem quando vou entrar no sistema me retorna: Seguindo um manual estou com o código da seguinte forma: const requestInfo = { method: 'POST', body: JSON.stringify(data), headers: new Headers({ 'Content-Type': 'application/json', }), }; fetch('http://10.0.0.49:9000/login', requestInfo) .then(response => { console.log(response); if(response.ok) { return response.json() } throw new Error("Login inválido..."); }) .then(token => { localStorage.setItem('token', token); this.props.history.push("/admin"); return; }) .catch(e => { this.setState({ message: e.message }); }); } Queria ver se alguém ja passou por algo parecido... ou se tem alguma sugestão para solução desse problema. Aparece o seguinte erro: Unexpected token V in JSON at position 0 Aguardo retornos Obrigado Qu
  5. Estou fazendo minha primeira grande aplicação em react, e estou com um problema onde TODOS meus componentes estão sendo renderizados desnecessariamente, causando trava na UI por 1 ou 2 segundos. Tenho 2 grandes problemas no momento: 1. Estou renderizando uma lista com varios componentes, essa lista possui um checkbox individual e um checkbox geral para selecionar a lista inteira. Ao selecionar a lista inteira, vejo que a ui trava por um tempo (nesse tempo ela esta renderiznado todos os componentes novamente) 2. Ao buscar mais itens para a lista, a UI tambe trava por um tempo, acredito que ele esteja renderizando novamente os componentes da lista que ja estavam renderizados, mais os novos itens que foram buscados. Eu estou usando a context API para fazer algumas chamadas HTTP e buscar todas as informações que preciso, e salvando elas em um estado. Depois estou iterando esse estado para renderiar as informações. Quando busco mais itens para a lista, estou dando um push nesse array de estado ja existente. Dentro do meu componente de lista, estou usando useMemo para tentar bloquear essas renderizações desnecessárias, porém não parece estar funcionando. ```javascript const memoizedCardBaseInfo = useMemo(() => { return ( <CatalogCardBaseInfo response={response} tags={tags} checkCard={checkCard} checkedAll={checkedAll} singleChecked={singleChecked} setSingleChecked={setSingleChecked} setCheckedAll={setCheckedAll} indexRef={indexRef} /> ); }, [singleChecked, checkedAll]); const memoizedCatalogChartGroup = useMemo(() => <CatalogCardChartGroup response={response} />, [response]); const memoizedCatalogCardMktpExpd = useMemo(() => <CatalogCardMktpExpd response={response} />, [response]); ``` O que estou fazendo de errado aqui ? Como faço para bloquear renderizações desnecessárias ?
  6. mbs.dev

    Collapse no arquivo jsx

    Bom estou fazendo um collapse porem ele esta show/hide todos os elementos, quando eu clico em sensores chief ele abre todos os sensores chief era para ser apenas aquelas sensores chief q pertence aquele gateway. como eu poderia fazer para mostra/esconder apenas naqueles certo. tela: assim esta montado minha função: butão: é coloquei aki:
  7. lanahwinchester

    Erro VS code

    Olá, estou com um problema no VS Code quando tento instalar algo pelo terminal dele, "token não reconhecido no texto de origem". Estou tentando instalar o react-navigation/native mas ele não deixa .
  8. lucas70770

    React.js input que não responde

    Olá, tenho um formulário que é preenchido com dados get via rest, esta tudo funcionado, só que não é possível alterar o texto dos inputs. Já tentei a solução do próprio site do react(https://pt-br.reactjs.org/docs/forms.html) mas não deu certo. O erro que é apresentado no console:
  9. Boa noite, atualmente criamos um app pela plataforma appsheet(no-code). porém estou querendo criar uma aplicação própria(junto a equipe, temos 4pessoas), e nao sei em qual linguagem criar. precisamos que funcione web(para o pessoal interno) e mobile(android) para os téc em campo. estava pesquisando e vi que pelo react native da pra fazer o web e mobile, nao sei se seria o melhor. estavamos fazendo pelo android studio, só que lembramos que vai precisar ser acessado pela web e dei uma pausa.
  10. Cesar Melo

    O que estudar para PHP full stack?

    Olá. Gostaria de uma opinião sobre onde focar meus estudos para trabalhar com PHP. Atualmente tenho conhecimentos com a linguagem PHP, e os seguintes frameworks: Bootstrap e Jquery. Recentemente fiz um curso de Laravel+materialize e gostei muito desse framework. Meu primeiro contato com framework para backend e pretendo utilizar o Laravel daqui pra frente nos meus estudos. Minha questão é a seguinte, quero dar continuidade aos meus estudos para me qualificar para o mercado de trabalho, mas não sei exatamente os próximos cursos que vou estudar. Não sei se atualmente há uma combinação de frameworks mais utilizada ou requisitada no mercado de trabalho. Ex: Laravel+vue+bootstrap, ou laravel+angularjs+materialize, tipo isso. Dei uma pesquisada no google e youtube, e notei que não há muito conteúdo de cursos por exemplo de Laravel+angularjs. Procurando algumas vagas de emprego, notei que há grande procurar para profissionais com qualificação em Laravel, e tambem grande procura para profissionais com qualificação em AngularJs, porém vagas distintas. Acho que não vi nenhuma vaga que peça Laravel+AngularJs. Alguém aí pode me passar uma visão ou dar sua opinião sobre isso, para eu focar meus estudos? Alguém sabe o que andam usando bastante? Ou que seja indicado de trabalhar em conjunto com PHP? Ah, uma observação... atualmente meu foco são de projetos voltados para sistemas, admin, etc. Não tenho muito perfil para projetos de marketing ou que exijam um frontend "lindo". rsrs. Grato...
  11. Gustavo2503

    Função dentro de função

    Eu estou criando uma classe que cria modais usando React, eu preciso criar um modal dentro de um modal, para isso, eu quero chamar a mesma função dentro dela mesma. O modal é criado, mas o problema é que ele não abre, abre o modal principal (#modal-1), mas não abre o sub modal (#modal-2), veja como ficou meu código: index.html <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Modal</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script> <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script> <script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script> <script src="js/modal.js" type="text/babel"></script> <link rel="stylesheet" href="css/modal.css"> </head> <body> <div align="center"> <h1>Modal</h1> </div> <button type="button" data-modal="modal-1">Open Modal</button> <div id="modal-content"></div> <script type="text/babel"> const contentSub = [ <h2>Title SubModal 1</h2>, <p>SubModal</p>, <small>Rodapé submodal 1</small> ]; const idSub = "modal-2"; const content = [ <h2>Title 1</h2>, <section> <button type="button" data-modal="modal-2">Open SubModal</button> <Modal id={idSub} content={contentSub}/> </section>, <small>Rodapé 1</small> ]; const id = "modal-1"; ReactDOM.render( <Modal id={id} content={content}/>, document.getElementById('modal-content') ); </script> </body> </html> js/modal.js class Modal extends React.Component{ constructor(props) { super(props); this.id = this.props.id; this.backgroudColorHeader = this.props.backgroudColorHeader === undefined ? 'rgba(103, 117, 240, 1)' : this.props.backgroudColorHeader; this.textColorHeader = this.props.textColorHeader === undefined ? '#fff' : this.props.textColorHeader; this.backgroudColorBody = this.props.backgroudColorBody === undefined ? 'rgba(255, 255, 255, 1)' : this.props.backgroudColorBody; this.textColorBody = this.props.textColorBody === undefined ? '#000' : this.props.textColorBody; this.backgroudColorFooter = this.props.backgroudColorFooter === undefined ? 'rgba(103, 117, 240, 1)' : this.props.backgroudColorFooter; this.textColorFooter = this.props.textColorFooter === undefined ? '#fff' : this.props.textColorFooter; this.borderRadius = this.props.borderRadius === undefined ? '8px' : this.props.borderRadius; this.content = this.props.content === undefined ? [<h2>header content</h2>, <p>body content</p>, <p>footer content</p>] : this.props.content; this.size = this.props.size === undefined ? 3 : this.props.size; } closeModal = () => { $('#'+this.id).removeClass("show"); $('body').removeClass("overflow-hidden"); }; render(){ $(`[data-modal]`).click( function () { var id = $(this).attr("data-modal"); var el = document.getElementById(id); $(el).addClass("show"); $('body').addClass("overflow-hidden"); }); var background, text; background = this.backgroudColorHeader; text = this.textColorHeader; const transparencyBackgroundHeader = background.substring(background.length-2,background.length-1) -.1; const backgroundColorHeader = `${background.substring(0,background.length-2)}${transparencyBackgroundHeader})`; const styleColorHeader = { backgroundColor: backgroundColorHeader, color: text, borderBottom: `1px solid ${background}` }; background = this.backgroudColorBody; text = this.textColorBody; const styleColorBody = { backgroundColor: background, color: text }; background = this.backgroudColorFooter; text = this.textColorFooter; const transparencyBackgroundFooter = background.substring(background.length-2,background.length-1) -.1; const backgroundColorFooter = `${background.substring(0,background.length-2)}${transparencyBackgroundFooter})`; const styleColorFooter = { backgroundColor: backgroundColorFooter, color: text, borderTop: `1px solid ${background}` }; const styleBorderRadius = {borderRadius: this.borderRadius}; const eDivision = ['h', 'b', 'f']; const eContent = this.content; var div = []; for (var i=0;i<eContent.length;i++){ const part = eDivision[i].replace('h', 'header').replace('b', 'body').replace('f', 'footer')+"-modal"; const closeModal = i === 0 ? <span onClick={this.closeModal} className="close-modal"><i className="material-icons">close</i></span> : "" ; var style; if (i===0) style = styleColorHeader; else if (i===1) style = styleColorBody; else style = styleColorFooter; div.push(<div key={i+1} className={part} style={style}> {closeModal} {eContent[i]} </div>); } const eSize = this.size; const s = ['s', 'm-s', 'm', 'm-l', 'l']; const size = s[eSize-1]; const classModal = (size !== "s" && size !== "m-s" && size !== "m" && size !== "m-l" && size !== "l") ? 'modal-modal modal-m' : "modal-modal modal-"+size; return <div id={this.id} className={classModal}> <div className="overflow-modal"> <div className="container-modal" style={styleBorderRadius}> {div} </div> </div> </div>; } }
  12. andersonseifert

    Duvida em carreira

    Galera hoje trabalho na area de infraestrutura TI, e sempre gostei de programação porem nao trabalho na area com isso me distanciei tem mais de anos, e queria tentar voltar,e vejo que hj mudou muitas coisas, framework novo,logicas, entre outras. Contudo vim pedir um apoio aos amigos, queria tentar a programar para Mobile hj vejo que é o futuro, porem nao sei por onde começar, a ideia era : Escolher entre Phyton ou React e seus framework, vantagem de phyton que posso usar no futuro para Inteligencia artificial. e um banco local, depois salvar na nuvem, pois precisaria de aplicaçao que rodasse Off-line. O que voces me indicam ?
  13. Erick Plant

    Integrar PHP e Reactjs

    Olá galera! Estou estudando a respeito de React para fazer integração com o Php. Infelizmente o material disponível é bem precário. Sei fazer um simples form no React, mas infelizmente não consigo achar como capturar e tratar os dados em php dentro do React. Alguém pode me dar uma luz? Ficarei imensamente grato.
  14. Quer fazer parte do Fred? Quer fazer parte do futuro do atendimento ao consumidor? Estamos contratando 7 programadores, 2 designers e 1 DBA – inicialmente para trabalho remoto por 3 a 4 meses (não nos importamos com formação superior, apenas com experiência e agilidade, seja você graduado ou não – o diploma não tem peso na decisão) – Erlang, Elixir, Phoenix, Cassandra, React, iOS, Android, Sketch 3. Detalhes e instruções em: http://techblog.fredapp.com.br/jobs/ PS 1: Não gostamos do besteirol enrolado empregado no processo de contratação na maioria das empresas – somos práticos e diretos ao ponto! Então você verá apenas informações claras e diretas! PS 2: para todas as vagas, o inglês é mandatório, por isso a página está em inglês! Conheça mais sobre o Fred na matéria na StartSe: http://startse.infomoney.com.br/portal/2016/03/29/18300/fred-o-whatsapp-dos-servicos-comerciais/ e pelo vídeo demo: https://www.youtube.com/watch?v=RZHy5LxdeaU
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.