Perguntas com a marcação «reactjs»

React (também conhecido como React.js ou ReactJS) é uma biblioteca JavaScript desenvolvida pelo Facebook para criar interfaces de usuário. Ele usa um paradigma declarativo, baseado em componentes e visa ser eficiente e flexível.

10
Renderizando html bruto com reactjs
Então, esta é a única maneira de renderizar html bruto com reactjs? // http://facebook.github.io/react/docs/tutorial.html // tutorial7.js var converter = new Showdown.converter(); var Comment = React.createClass({ render: function() { var rawMarkup = converter.makeHtml(this.props.children.toString()); return ( <div className="comment"> <h2 className="commentAuthor"> {this.props.author} </h2> <span dangerouslySetInnerHTML={{__html: rawMarkup}} /> </div> ); } }); Eu sei …
7
Valor da propriedade padrão no componente React usando TypeScript
Não consigo descobrir como definir valores de propriedade padrão para meus componentes usando o Typecript. Este é o código fonte: class PageState { } export class PageProps { foo: string = "bar"; } export class PageComponent extends React.Component<PageProps, PageState> { public render(): JSX.Element { return ( <span>Hello, world</span> ); } …
153 reactjs  typescript  tsx 
9
Reagir: "isto" é indefinido dentro de uma função de componente
class PlayerControls extends React.Component { constructor(props) { super(props) this.state = { loopActive: false, shuffleActive: false, } } render() { var shuffleClassName = this.state.toggleActive ? "player-control-icon active" : "player-control-icon" return ( <div className="player-controls"> <FontAwesome className="player-control-icon" name='refresh' onClick={this.onToggleLoop} spin={this.state.loopActive} /> <FontAwesome className={shuffleClassName} name='random' onClick={this.onToggleShuffle} /> </div> ); } onToggleLoop(event) { // "this …
152 javascript  reactjs  this 
4
O que o "padrão de exportação" faz no JSX?
Quero perguntar o que a última frase significa e faz (padrão de exportação HelloWorld;), mas não consigo encontrar nenhum tutorial sobre isso. // hello-world.jsx import React from 'react'; class HelloWorld extends React.Component { render() { return <p>Hello, world!</p>; } } export default HelloWorld;
14
Não foi possível conectar-se ao depurador remoto
Estou usando o React.JS e, quando o faço react-native run-android(com o dispositivo conectado), vejo uma página em branco. Quando agito o dispositivo e seleciono Debug JS Remotelyna lista de opções, vejo a seguinte tela. PARA SUA INFORMAÇÃO: OS: Ubuntu 16.04 Node version is: v4.6.2 java version "1.8.0_111" react": "15.4.1 react-native": …
16
A restrição create-react-app importa fora do diretório src
Estou usando o create-react-app. Estou tentando chamar uma imagem da minha pasta pública de um arquivo dentro do meu src/components. Estou recebendo esta mensagem de erro. ./src/components/website_index.js Módulo não encontrado: você tentou importar ../../public/images/logo/WC-BlackonWhite.jpg que fica fora do diretório src / do projeto. As importações relativas fora de src / …
10
Como dizer ao servidor de desenvolvimento webpack para servir index.html para qualquer rota
O roteador de reação permite que os aplicativos de reação sejam manipulados /arbitrary/route. Para que isso funcione, preciso que meu servidor envie o aplicativo React em qualquer rota correspondente. Mas o servidor de desenvolvimento webpack não lida com pontos finais arbitrários. Há uma solução aqui usando servidor expresso adicional. Como …
5
Os nomes dos componentes do ReactJS devem começar com letras maiúsculas?
Estou brincando com a estrutura ReactJS no JSBin . Percebi que, se o nome do meu componente começar com uma letra minúscula, ele não funcionará. Por exemplo, o seguinte não é renderizado: var fml = React.createClass({ render: function () { return <a href='google.com'>Go</a> } }); React.render(<fml />, document.body); Mas assim …
28
O React Hook “useState” é chamado na função “app”, que não é um componente da função React ou uma função personalizada do React Hook
Estou tentando usar ganchos de reação para um problema simples const [personState,setPersonState] = useState({ DefinedObject }); com as seguintes dependências. "dependencies": { "react": "^16.8.6", "react-dom": "^16.8.6", "react-scripts": "3.0.0" } mas ainda estou recebendo o seguinte erro: ./src/App.js Linha 7: Gancho de reação "useState" é chamado na função "app", que não …
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.