Javascript 如何使用 ReactJS 获取输入字段的值

export default class MyComponent extends React.Component {

    onSubmit(e) {
        e.preventDefault();
        var title = this.title;
        console.log(title);
    }

    render(){
        return (
            ...
            <form className="form-horizontal">
                ...
                <input type="text" className="form-control" ref={(c) => this.title = c} name="title" />
                ...
            </form>
            ...
            <button type="button" onClick={this.onSubmit} className="btn">Save</button>
            ...
        );
    }

};

constructor(props){
    super(props);
    this.onSubmit = this.onSubmit.bind(this);
  }

Javascript相关问答推荐

React对话框模式在用户单击预期按钮之前出现

创建1：1比例元素，以另一个元素为中心

React Native平面列表自动滚动

如何解决CORS政策的问题

基于变量切换隐藏文本

拖放仅通过 Select 上传

. NET中Unix时间转换为日期时间的奇怪行为

Phaser 3 console. log()特定游戏角色的瓷砖属性

如何调用名称在字符串中的实例方法？

无法访问Vue 3深度监视器中对象数组的特定对象值'

我的角模板订阅后不刷新'

保持物品顺序的可变大小物品分配到平衡组的算法

在浏览器中触发插入事件时检索编码值的能力

如何将数据块添加到d3力有向图中？

如何更改Html元素S的 colored颜色 ，然后将其褪色为原始 colored颜色

FindByIdAndUpdate在嵌套对象中创建_id

为什么我的Navbar.css没有显示在本地主机页面上？

在ChartJS中使用spanGaps时，是否获取空值的坐标？

暂停后只有一次旋转JS

如果我将高度设置为其内容的100%，则在Java脚本中拖动以调整面板大小时会冻结