网站常规seo优化步骤,个人网站开发的环境,ug wordpress,wordpress点击放大图片[react] react中什么是受控组件#xff1f;
表单元素的value/checked值与state绑定#xff0c;同时表单元素的onChange可以动态的改变对应的state的值#xff0c;即数据的变更可以更新视图#xff0c;用户操作视图的更新也可以触发state数据的更新.
import React from re…[react] react中什么是受控组件
表单元素的value/checked值与state绑定同时表单元素的onChange可以动态的改变对应的state的值即数据的变更可以更新视图用户操作视图的更新也可以触发state数据的更新.
import React from react;
class FormDemo extends React.Component {state {username: ,password: }handleChange event {const { name, value } event.target;this.setState({[name]: value,});}onSubmit () {const { username, password } this.state;console.log({username,password,})}render () {const { username, password } this.state;return (div classNameformpspan用户名:/spaninput value{username} nameusername onChange{this.handleChange} //ppspan密码:/spaninput value{password} namepassword onChange{this.handleChange} //pbutton onClick{this.onSubmit}登录/button/div)}
}
export default FormDemo;
个人简介
我是歌谣欢迎和大家一起交流前后端知识。放弃很容易 但坚持一定很酷。欢迎大家一起讨论 主目录
与歌谣一起通关前端面试题