Divide code into smaller components ruins state

Thomas Segato :

I have following code:

https://codesandbox.io/s/react-datepicerhook-u2vv1

As you can see there is a working date picker and a none working date picker. The two date pickers are very similar so I would like to make a new component that just takes the parameter as name. However there is something in my state that goes wrong on the one I denormalized. Any pointers why and how to solve it?

keikai :

You bound one more layer of arrow function, so add one more () when binding to props.

Change from this

as={<FormDatePicker />}

to

as={FormDatePicker()}

Guess you like

Origin http://10.200.1.11:23101/article/api/json?id=391325&siteId=1

Divide code into smaller components ruins state

State attributes in React components

Much smaller class state road-mode fiber

Prologue Ruins

----------------- study of the components, Prop and State of reference

ReactJS(2)Components State and Lifecycle

Vuex state manager realizes the transfer between components

Three major attributes of React components: state

The state machine code implementation

Leetcode code reuse plate _ Divide and Conquer Related

[Data structure] Divide and conquer code template

Interview -HTTP state code introduced

React three core components properties (props, state, refs)

Fun with Reactjs Part 3-Components (Patterns & State & Props)

react (1) props, state, parent-child components pass values

React notes components-the use of props and state (2)

React notes components-the use of complex state (4)

React notes components-the use of props and state (3)

Vue3+Vuex4 realizes the public state of components

[React learning] - three core attributes of components: state (seven)

jquery easyui API ground ruins

Installation of sonar code scanning components

React event state assembly, as well as non-state components by value this point

Dynamic components - // dynamic state holding assembly component - hook function of dynamic components

74LS74 constituting a divide counter, to observe its output state with light, the output waveform observed by the oscilloscope

The state mode (State) code examples of PHP design pattern (29)

Mecanim uses state machines and code to control state changes

c ++ language divide and conquer strategy to generate Gray code

Divide and Conquer Algorithm - Java Code Implementation with Checkerboard Coverage Problem

Equally divide the sphere according to the area & c++ schematic code