Tagged Questions
React is a JavaScript library for building user interfaces. It uses a declarative paradigm and aims to be both efficient and flexible.
0
votes
0answers
7 views
Able to view JSON in console but don't know how to display in view - React-Redux
I am still learning React-Redux. I understand how to retrieve simple JSON arrays. However, I am not sure how to call a nested object. I am trying to grab the title and am viewing this in the console:
...
0
votes
0answers
3 views
Create a Nested Form in Relay.JS
Trying to wrap my head around a "Nested Form" http://railscasts.com/static/episodes/asciicasts/E196I01.png
Obviously, I can pull the data off the graph and manage a complex form with component state ...
0
votes
0answers
14 views
What does this validation error mean?
I am using a third-party library for Google Maps autocomplete for addresses and I am running into errors. The actual searching works and I can see the results, but there are errors in the console. I ...
-1
votes
0answers
8 views
Using loaders in webpack got error
What's wrong with my code below? I got error bundling less files, for example
ERROR in ./~/less-loader!./resources/assets/js/bundle/components/widget/clock.less
Below is my webpack.config.js
module:...
0
votes
0answers
4 views
Convert File type to Data URI - React-Dropzone
I am having trouble integrating React-dropzone with FeathersJS Upload
I have successfully implemented the RESTful upload when you POST a datauri to my Upload endpoint. { uri: data:image/gif;base64,......
0
votes
0answers
4 views
how to use @inject of mobx with react in typescript(tsx)
here is my store code:
export default class welcome {
@observable username= "asd";
}
and my component.tsx: a easy div component,want to show the value of welcome's username
@inject("welcome")
@...
1
vote
0answers
8 views
Form validation using Meteor/React/SimpleSchema
I'm fairly new to Meteor. I've been trying to find a way to display validation error messages to my React component but I've had no success.
This is employees.js file which resides in my imports ...
0
votes
0answers
6 views
React-Dnd: Dynamic DropTarget and DragSource type
I'm building a multi-level nestable drag and drop list. Each nested list needs to allow dragging only within itself. This requires setting a run-time type for the DragSource and DropTarget.
Compile ...
0
votes
0answers
6 views
laravel elixir eact hmr did not working on state change
I'm using laravel with react, I want to have hot reloading hence I try this example. https://github.com/eumentis/laravel-elixir-react-hmr-demo
The demo worked when I just the jsx, but not the state. ...
0
votes
0answers
10 views
Implementing Invisible reCAPTCHA with Redux Form
I am trying to implement Invisible reCAPTCHA with React and Redux Form. In general, the Invisible reCAPTCHA workflow is:
Render the "invisible" CAPTCHA, returning its widget ID.
Call grecaptcha....
0
votes
1answer
13 views
Trying to Animate React Native Text Value
so basically im trying to get this render function to actually update the value in real time (as of now it just jumps to the final value upon completion of the animation)
this.state = {
...
0
votes
0answers
4 views
Are there anyway to apply MDL effect after page is loaded?
I have a question for Material Design Lite.
In general, the page is loaded and then checkbox or text special effects will be applied, so that the checkbox and text box is working. But I am now using ...
0
votes
0answers
16 views
React Component - return from fetch [duplicate]
Why this.getAccount() doesn't return my json from fetch?.
With callback this.getAccount(function ($) { return $ }) still doesn't work.
React Component
getAccount () {
fetch('http://192.168.1.2:...
0
votes
0answers
5 views
Loading modernizr with webpack
I'm trying to have webpack load Modernizr for me to use in my first run at a react app. I need to have webpack load modernizr oncomponentDidMount and be able to run transistions for the overlay menu ...
0
votes
0answers
6 views
react-leaflet: adding a TopoJSON layer
I just started using the react-leaflet library and got a map to load with a geoJSON layer, however I would like to use a TopoJSON layer instead.
I know that it is possible with pure Leaflet like this:...
1
vote
0answers
13 views
Hot reloading making debugging impossible
I generated a react app using create-react-app which comes with some sort of hot reloading feature. Apparently, when I save a file the browser should reload the page. This only works some of the time. ...
google-chrome
1
vote
1answer
13 views
react-redux-firebase, “You may need an appropriate loader to handle this file type.”
I am working on a project that integrates react, redux, and firebase. react-redux-firebase seems to be a convenient tool. However, the code is not being complied successfully. Below is the error, ...
firebase
1
vote
1answer
17 views
ReactJS - trouble looping through data array props with map
first time ReactJS user and am having issues looping through data I retrieved via AJAX to populate. I get a number of errors ranging from Uncaught TypeError: Cannot read property 'map' of undefined. ...
0
votes
0answers
29 views
stop the Rain from falling
I am trying to toggle a particle emitter to on or off.
I have some Reactjs code that creates rain/snow particles with the canvas element.
Every notion i have came up with to properly kill the ...
0
votes
0answers
8 views
React Nativ: How to go to the next textInput field without previously knowing the order of the refs
I am trying to implement the "next" key for several of the forms within my application. However I am encountering an issue in that I have to manually add the next textInput to focus on for every one ...
0
votes
1answer
31 views
Official docs use map method without return but doesn't work for me
React.js official docs use the map method without return and it works in CodePen.
const numbers = [1, 2, 3, 4, 5];
const listItems = numbers.map((number) =>
<li>{number}</li>
);
I ...
0
votes
1answer
10 views
Foundation Progress Bar with color progress animation?
I'm working on a progress bar that already animates but I'm unsure how to animate it with a progressive color gradient.
I searched all over but I couldn't find exactly what I'm looking for, but it ...
0
votes
0answers
10 views
Using mouse wheel scroll while dragging in react dnd
I have a specific web application where mouse wheel scrolling while dragging can save a lot of time. The code is written in React with React DnD (https://github.com/react-dnd/react-dnd) and HTML5 ...
0
votes
1answer
13 views
Place array of images one above the other partially in React Native
I am trying to stack an array of images one above the other as shown in the attachment below. With the below code, I am able to stack them one beside the other, however could not overlap them. ...
0
votes
1answer
17 views
redux-form - Submit only edited field
In this example, I have a form to update user information and it is written in React with redux-form 6.5. I'm a newbie with this stack.
The render form function is like:
render() {
const { ...
0
votes
1answer
20 views
Exporting values from a Component in React
I have a simple header component I want to send out some values in.Although, it may be a little too simple to warrant a component I am trying to figure out how to export the value out of the component....
1
vote
1answer
20 views
How to update an array at a particular index with React js
I have a state array in my constructor:
constructor(props) {
super(props);
this.state = {myarray: []};
}
Now I want to update the array at a specific subscript.
this.setState({myarray[i]: '...
0
votes
1answer
17 views
React stripping out onclick
I have the following React component:
class PlayerRow extends Component {
activateKey(){
$(this).addClass('active')
}
render() {
return (
<div className="row-par">...
2
votes
2answers
22 views
React: Authentification and avoiding repeating code components
All of my main react components have some parts like this:
export default class ExampleMain extends Component {
constructor(props) {
super(props)
this.state = {
...
0
votes
0answers
7 views
ReactJs flux dispatcher.waitFor([ doesn't stop
I have problem with ReactJs + flux, i have two request to api, and second need first request, i need wait for for first and make second. Its correct?
First i register
import dataTagsStore from './...
0
votes
1answer
15 views
babel-loader syntax error only for imported modules
Initially I have the below index.js file that compiles and runs:
import React from 'react';
import { render } from 'react-dom';
import text from './titles.json';
render(
<div>
<...
0
votes
0answers
21 views
Add React Component to Laravel
I'm new to Laravel and react and I just wanted to use react component along side with Laravel. I followed the process described here but when I run gulp watch I get this error:
C:\wamp64\www\...
0
votes
1answer
23 views
Handle async actions that do not store result in state
I stumbled upon a requirement on a section of a vanilla JS webapp that requires a single JSON "definitions" object to render. Definitions are loaded via an HTTP request at the very beginning, read, ...
0
votes
1answer
28 views
updating react state when filtering redux props
I am new to react & redux and having a bit of trouble filtering what I am calling insights (articles, case studies, reports). I want to filter by industry, and I cannot get to the point where the ...
2
votes
1answer
36 views
Uncaught TypeError: _moment2.default.date is not a function in React app
When I try to use a date from Moment.js in the constructor, componentWillMount, or componentDidMount, I get the error:
Uncaught TypeError: _moment2.default.date is not a function
I am not using ...
0
votes
0answers
13 views
Unit Testing Redux Sagas
I've followed the documentation for Redux Sagas and created a set of tests, however they seem extremely brittle to me. Whenever I update the logic in any of my sagas, my tests fail. This raises alarm ...
-3
votes
0answers
17 views
How do I render React-Desktop components?
I've been messing with React, Electron and React-Desktop. I managed to output "Hello World" using React's Hello World example easy enough. Could someone help me render (any) of the components please?
...
0
votes
0answers
17 views
re-base post not posting
I'm having some trouble getting re-base to work the way I want in React Native...
I want to be able to do the following:
render() {
...
<InputDBSync root={"foo/Hello word"} node="bar" />
...
0
votes
0answers
16 views
Mocha + enzyme test React component placeholder error
I'm trying to test a REACT component that depends on jquery-placeholder, I've set a jsdom-setup as a mocha requirement, I do have other tests running with mocha + chai + react + enzyme, however when I ...
0
votes
0answers
31 views
So let's say that i wanted to create a library that
For example:
Create a chrome extension that would, once enabled, allow the user to click on different part of their webpage. The extension would then replay what the user clicked in the same order ...
0
votes
1answer
17 views
Does Redux Saga select return mutable state?
Does Redux Saga select return a mutable or immutable state?
See https://github.com/redux-saga/redux-saga
0
votes
1answer
10 views
Does react do a reverse pass over the tree when rendering?
Ignoring the reconciliation optimization heuristic, can anyone definitively answer whether React does a reverse tree traversal, or only the primary Render traversal which starts at the root node and ...
0
votes
2answers
30 views
Button onClick return inner html instead of value in Chrome Browser
I have different behavior on firefox and chrome for the bellow code, and i think firefox is more correct.
firefox will print on the console:
<button value="2" class="mdl-button mdl-js-button mdl-...
0
votes
0answers
13 views
Validating state for a route with React Router and Redux
I'm using react-router and react-router-redux in my app.
Problem
After adding routes to all my app screens I ran into the issue that user's can bookmark URLs, use browser history, or even manually ...
1
vote
3answers
36 views
Send two values onClick React
I found this answer for sending a single value to a function onClick. Is it possible to send two? I've tried
<button value={valueA, valueB } onClick={ () => this.toggleEditing.bind(this,...
0
votes
1answer
20 views
Can a Parent React Component's function have a new React Component
I came across a application that uses render method Like below
var Parent = React.createClass({
render: function () {
var Child1 = React.createClass({
render: ...
0
votes
0answers
12 views
How do I determine the decimal and thousands separator for the current locale in the browser?
We are using react with react-intl and need to write our own custom input fields for reasons. While it is possible to pass in a number to the react-intl API and get the number back properly formatted, ...
0
votes
0answers
20 views
How to make Flexible react Router which would render on specific config?
I'm trying to make flexible react router which would render different pages according to user's settings.
I was thinking about having some sort of DataProvider which would connect to API, get me a ...
1
vote
2answers
14 views
Can I inspect `context.store` in any react component?
I'd like to access context for the purpose of debugging and learning while working on an app that uses React and react-redux.
You can see Redux's use of the context object at this point in time in ...
0
votes
1answer
12 views
Meteor React publish merged collections
With Meteor (1.4.2.3) and React, I have the collection Objects which has an itemId which refers to the collection Items.
Currently I subscribe to the collection on the client side with:
export ...
