Preguntas etiquetadas con reactjs

Digamos que tengo un componente con un render como este: <View style={jewelStyle}></View> Donde jewelStyle = { borderRadius: 10, backgroundColor: '#FFEFCC', width: 20, height: 20, }, ¿Cómo puedo hacer que el color de fondo sea dinámico y asignado aleatoriamente? He intentado { borderRadius: 10, backgroundColor: getRandomColor(), width: 20, height: 20, }, …

119 css  reactjs  react-native 

Cuál es el significado de {...this.props} Estoy tratando de usarlo así <div {...this.props}> Content Here </div>

119 reactjs 

Estoy jugando un poco con Material-UI . ¿Hay opciones para crear un diseño de cuadrícula (como en Bootstrap )? Si no es así, ¿cuál es la forma de agregar esta funcionalidad? Hay un componente GridList pero supongo que tiene un propósito diferente.

118 reactjs  material-design  material-ui  grid-system 

Quiero poder pasar texto con etiquetas HTML, así: <MyComponent text="This is <strong>not</strong> working." /> Pero dentro del MyComponentmétodo de renderizado de, cuando imprimo this.props.text, literalmente imprime todo: This is <strong>not</strong> working. ¿Hay alguna forma de hacer que React analice HTML y lo descargue correctamente?

118 reactjs 

Todavía soy un novato en React y en muchos ejemplos en Internet, veo esta variación en la representación de elementos secundarios que encuentro confuso. Normalmente veo esto: class Users extends React.Component { render() { return ( <div> <h2>Users</h2> {this.props.children} </div> ) } } Pero luego veo un ejemplo como este: …

118 reactjs 

Estoy probando todas las formas de crear una aplicación de reacción. Lo he intentado con maven y ahora lo estoy intentando con el sistema de compilación crate-react-app de Facebook Incubators. Cuando intenté ejecutar el comando create-react-app my-appen el entorno npm, funcionó en mi sistema personal sin problemas. Pero cuando probé …

118 node.js  reactjs  npm  create-react-app 

Acabo de empezar a trabajar en un proyecto de React con TypeScript y me pregunto ¿qué debo hacer con los archivos de clase normales? ¿Debo usar archivos .tso .tsxy luego no pude encontrar ninguna razón para no usar el .tsxarchivo todo el tiempo, incluso cuando no es un proyecto de …

118 javascript  reactjs  typescript 

Siendo un principiante en el mundo React, quiero comprender en profundidad qué sucede cuando uso {this.props.children}y cuáles son las situaciones para usar el mismo. ¿Cuál es su relevancia en el siguiente fragmento de código? render() { if (this.props.appLoaded) { return ( <div> <Header appName={this.props.appName} currentUser={this.props.currentUser} /> {this.props.children} </div> ); } …

118 javascript  reactjs  react-redux  frontend 

En mi aplicación de reacción, estoy usando axios para realizar las solicitudes de API REST. Pero no puede enviar el encabezado de autorización con la solicitud. Aquí está mi código: tokenPayload() { let config = { headers: { 'Authorization': 'Bearer ' + validToken() } } Axios.post( 'http://localhost:8000/api/v1/get_token_payloads', config ) .then( …

118 reactjs  rest  token  axios  access-token 

Cuando ejecuto react-native run-iosla compilación se realiza correctamente, pero aparece el siguiente error. Revisé todo el lugar, pero nada parece funcionar. Usar sudodelante del comando tampoco ayuda. Estoy usando Xcode 7.3, react-native-cli: 0.2.0, react-native: 0.24.1, nodo v5.11.0. === BUILD TARGET mobileTests OF PROJECT mobile WITH CONFIGURATION Release === Check dependencies …

117 ios  reactjs  react-native 

Estoy creando una aplicación que usa webpack-dev-server en desarrollo junto con react-router. Parece que webpack-dev-server se basa en la suposición de que tendrá un punto de entrada público en un lugar (es decir, "/"), mientras que react-router permite una cantidad ilimitada de puntos de entrada. Quiero los beneficios de webpack-dev-server, …

117 javascript  reactjs  webpack  react-router 

Parece que no puedo encontrar cómo actualizar los parámetros de consulta con react-router sin usar <Link/>. hashHistory.push(url)no parece registrar parámetros de consulta, y no parece que pueda pasar un objeto de consulta ni nada como segundo argumento. ¿Cómo se cambia la URL de /shop/Clothes/dressesa /shop/Clothes/dresses?color=blueen react-router sin usar <Link>? ¿Y …

117 reactjs  react-router 

Acabo de instalar node.js y cli instalado node.js instalado react-native-cli npm -g react-native-cli Y creó un 'nuevo proyecto'. react-native init new_project y dentro de ese directorio 'new_project', me cansé de ver si el paquete de metro funciona bien. react-native start Pero el comando me dio un error de seguimiento y …

117 reactjs  react-native  react-native-android  react-native-cli  metro-bundler 

Mientras configuraba React dentro del proyecto Django, encontré este error ModuleBuildError en la compilación del módulo falló (de ./node_modules/babel-loader/lib/index.js): SyntaxError: C: \ Users \ 1Sun \ Cebula3 \ cebula_react \ assets \ js \ index.js: Soporte para la sintaxis experimental 'classProperties 'no está habilitado actualmente (17: 9): 15 | 16 …

117 reactjs  webpack  babeljs  babel 

Recibo el siguiente error cada vez que intento usarlo makeStyles()con un componente con métodos de ciclo de vida: Llamada de gancho no válida. Los ganchos solo se pueden llamar dentro del cuerpo de un componente de función. Esto podría suceder por una de las siguientes razones: Es posible que tenga …

117 reactjs  material-ui