Comments (4)
Ahh yes. You're right. I've updated the input component to handle this.
Now you can do:
render: function() {
return (
<mui.Input ref="firstname" defaultValue="Test" onChange={this._onChange} />
);
},
//onChange now passes back the new value as a second parameter
_onChange: function(e, value) {
console.log(value);
//Or you can do this elsewhere in your component
console.log(this.refs.firstname.getValue());
}
from material-ui.
Hi @mwq27 - I'm not able to reproduce the issue you're referring to.
I was able to do that following:
/**
* @jsx React.DOM
*/
var React = require('react'),
mui = require('material-ui');
var myComponent = React.createClass({
componentDidMount: function() {
console.log(this.refs.firstname.getDOMNode());
},
render: function() {
return (
<mui.Input ref="firstname" type="text" name="firstname" placeholder="First Name" description="Your first name as it appears on your credit card." />
);
}
});
module.exports = MyComponent;
from material-ui.
So I have
console.log(this.refs.firstname.getDOMNode().value)
that is returning undefined, even after I add text to the input. this.refs.firstname.getDOMNode() by itself is the div that gets created in Input.jsx, so I guess it wouldn't have a .value property.
from material-ui.
ok great, thank you :)
from material-ui.
Related Issues (20)
- Add Repobeats (metrics) to README
- Type erros in `@mui/utils` HOT 1
- Module not found: Can't resolve '@emotion/react' in dual route (page,app) HOT 2
- [lab] Remove deprecated lab packages HOT 5
- [material-ui][Chip] Icon Not Centered When Only Icon is Provided HOT 4
- [material-ui][Select] Scroll inside select input HOT 4
- [material-ui] Move `CssVarsProvider` to `ThemeProvider` HOT 3
- [material-ui] Add Bento Grid component HOT 1
- [material-ui] Handling complex themes/palettes
- [docs] Routing Libraries List example contains deprecated `button` prop HOT 1
- Hydration error in next.js with MUI HOT 3
- getColorSchemeSelector returns the wrong selector when multiple are present HOT 1
- Label is not visible when using Select or Input components HOT 2
- @mui/material-nextjs@next does not work with @mui/[email protected]
- [material-ui][Autocomplete] Unexpected scrolling behaviour in virtualised custom Autocomplete component
- [material-ui][RadioGroup][FormControlLabel] onClick prop is called twice
- [material-ui][Autocomplete] Customize 'useAutocomplete' method based on the example provided
- [RFC] TimePicker placeholder should be "--:-- --" instead of "hh:mm aa"
- Can'use Vietnamese keyboard in input field HOT 1
- MuiSvgIcon theme override doesn't work for width/height 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 material-ui.