Topic: TextField.js Bug: `value` attribute missing from Tag
jkilbride free asked 6 years ago
In the TextField.js component, the
value
attribute is missing from the Tag
in the render
method:
<Tag {...attributes} id={id} className={classes} ref={el => { this.inputElRef = el; }} placeholder={hint} onBlur={this.onBlur} onChange={this.onChange} onFocus={this.onFocus} />It is NOT included in the
{...attributes}
spread operator. Therefore, the value
of the text control is never updated when setState
is called. For updates to work, the Tag
should be changed to this:
<Tag
{...attributes}
id={id}
className={classes}
ref={el => { this.inputElRef = el; }}
placeholder={hint}
value={this.state.innerValue} <---- Add value
attribute to control
onBlur={this.onBlur}
onChange={this.onChange}
onFocus={this.onFocus}
/>
I have tested this locally by copying the source for the Input
and TextField
components into my project and making this change. Without the change, setState
does not work. With the change, it does.
Add comment
Jakub Strebeyko staff answered 6 years ago
Hey jkilbride,
Thanks for taking time and reaching out with this! Fix will be included in the next release.
With Best Regards,
Kuba
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Answered
Specification of the issue
- ForumUser: Free
- Premium support: No
- Technology: MDB React
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: Yes
- Provided link: No
Tags