redux

问题 I want to create a wrapper component like this: Wrapper Component: class WrapperComponent extends Component { render() { return ( <Image source={someImage}> <App /> </Image>); } } App: class App extends Component { render() { return ( <WrapperComponent> <Text>Some text</Text> </WrapperComponent> } } I want to use this for the default things like a background image. Is there a way to do this? Sorry I am new in this language. 回答1: You can create the wrapper using props.children : class

问题 This is the first time I am going to use socket.io in production. I am using React + Redux . I have recently integrated socket.io with redux and its working fine but I am not sure if it would be the best way to do how I have done. Because I haven't found any sort of proper implementations of socket.io with redux, I need some help/suggestions on ways if I can improve it. So, for starters I have setup a service for managing sockets all over the app: Socket.js import isEmpty from 'lodash/isEmpty

问题 I have a React component that is, more or less, a simple textarea where a user can type into. Here is what the code looks like so far: import React from 'react'; import {connect} from 'react-redux'; function handleChange(event) { const {setText} = this.props; //is there some way I can detect [ENTER] here and call this.props.add instead? setText(event.target.value); } class TextArea extends React.Component { constructor(props) { super(props); } render() { const {value} = this.props; return (

问题 I'm a functional programming beginner. I'm working on a React Native app using Ramda. The app lets users maintain their houses. I have written function called asyncPipe which lets me pipe promises and normal functions. I use it for the loginFlow which currently has a http request ( getHouseList ) as its last function. const asyncPipe = (...fns) => x => fns.reduce(async (y, f) => f(await y), x); const loginFlow = asyncPipe( // ... someFunctions getHouseList ); // used later like this in

问题 I'm currently having a lot of trouble running tests on my redux actions. The test passes but I get the following error each time it is ran: ReferenceError: localStorage is not defined I also got an error before which was: ReferenceError: fetch is not defined I fixed this by using isomorphic-fetch. Anyway I am unsure on how I should configure Mocha to run these front end tests. Any help would be much appreciated. Mocha test command: mocha -w test/test_helper.js test/*.spec.js test_helper.js:

问题 Closed . This question needs details or clarity. It is not currently accepting answers. Want to improve this question? Add details and clarify the problem by editing this post. Closed 3 years ago . i need help to make a Search Filter in my app. Its a simple app, used for study purposes. The objective is to create a search filter. i have the state in search_bar container and i think i need to pass it as props to my work_list container. but i dont know how to do that. from that phase i will

问题 I've got fairly large webapp built with React, Redux and React Router. It works fine until I open dev tools in Chrome and it noticeably slows down in 100 times. I've tryed to profile app in Chrome, but when I start profiling again using Chrome it starts working as fast as with dev tools closed and everything is OK. Checked also Safari and Opera - their dev tools also slow down webapp. Why does React/Chrome affects performance so badly? Does it mean I misuse React or is this common issue for

问题 I'm using redux-form and it provides a built-in reducer, called "formReducer" that need to be registered with the combined reducers to manage the form state with redux's store. I'm also using redux-persist to persist the redux store. The problem raised when I don't want to have my form automatically re-populate the data entered by the user on page reloading or page refreshing. In a normal reducer written by my own, I can simply add an switch case for action of type "REHYDRATE" (dispatched by

问题 Version 6.0 of React-Redux mentions: In version 6, all components read the same current store state value from context, which means the tree will be consistent and not have "tearing". I get that this is beneficial, but I'd like to understand the meaning of "tearing" in this context better, and I'd like to understand how the new approach they outline actually reduces "tearing," if anyone can elaborate. 回答1: I'm a Redux maintainer, and I wrote that paragraph. This is specifically a concern that

问题 I have a component that uses state to provide data to user. For example <div>this.state.variableInState</div> . This component can dispatch some method (for example on onClick action). I'm currently using react-redux an connect method to map store to props . Is there a way I can setState after dispatch? // actions export function executeAction() { return function (dispatch, getState) { dispatch({ type: 'MY_ACTION', payload: axios.get('/some/url') }); }; } // reducer export default function