Comments (4)
I have fixed that in V4, which we will move RHFInput into RHF
const value = isUndefined(inputState)
? isUndefined(inputState)
? ''
: defaultValue
: inputState;
from input.
@bluebill1049 I do not completly understand the RHFInput code but I think that the problem is related to the line 134. If inputValue (I don't understand when value is used) if the inputValue is Zero, the expression evaluate as falsy and '' is retrieved. It is loosing the value Zero as number.
value: inputValue || value || '',
https://github.com/react-hook-form/react-hook-form-input/blob/master/src/index.tsx#L134
Proposed Solution
It could do something like this
value: inputValue === 0 ? 0 : inputValue || value || ''
and in types.ts on line 47 defaultValue must be type any
defaultValue?: string;
Not sure how this could affect the use of React Select
from input.
<Select>
<MenuItem value="0">Zero</MenuItem>
<MenuItem value="1">One</MenuItem>
<MenuItem value="2">Two</MenuItem>
</Select>
use string solve the problem. the component itself is setting state correctly.
from input.
maybe we can check undefined
? you want to send a PR for this fix?
from input.
Related Issues (20)
- RHFInput `as` props shows errors in TypeScript HOT 5
- RHFInput 'onBlur' mode deselects selected option when using React-Select HOT 5
- Issues with RHFInput and validation HOT 1
- When value is set to select, I can no longer select another value
- Type error about async validate function HOT 3
- Warning: A component is changing an uncontrolled input of type text to be controlled. HOT 2
- RHFInput + AntD TimePicker isn't working after 1.1.0 HOT 1
- Using RFHInput with MaterialUI TextField : `[object HTMLInputElement]` when empty HOT 1
- Question: Proper way of using RHFInput in MaterialUI custom component? HOT 4
- Checkbox validation is not working as expected HOT 10
- AntD switch is not correctly if type is checkbox. HOT 4
- React Semantic UI modal with React Hook Form default values disappear HOT 8
- RHFInput type issue with setValue HOT 4
- Why always get a strange number when using the V4 version in ReactNative HOT 1
- RHF Input with React-Select Libary HOT 2
- export 'useFormContext' was not found in 'react-hook-form' HOT 1
- RHFInput + Semantic UI (Checkbox and Select) HOT 1
- Cursor AutoFocus to the end on editing text HOT 1
- Uncaught DOMException: Failed to set the 'value' property on 'HTMLInputElement': This input element accepts a filename, which may only be programmatically set to the empty string. HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from input.