企业官网建设流程全解析

西安网站seo哪家公司好,网站建设公司怎么投诉,wordpress修改后台,做的比较好的分享网站React 表单与事件 本章节我们将讨论如何在 React 中使用表单。HTML 表单元素与 React 中的其他 DOM 元素有所不同,因为表单元素生来就保留一些内部状态。在 HTML 当中#xff0c;像 input, textarea, 和 select 这类表单元素会维持自身状态#xff0…React 表单与事件本章节我们将讨论如何在 React 中使用表单。HTML 表单元素与 React 中的其他 DOM 元素有所不同,因为表单元素生来就保留一些内部状态。在 HTML 当中像 input, textarea, 和 select 这类表单元素会维持自身状态并根据用户输入进行更新。但在React中可变的状态通常保存在组件的状态属性中并且只能用 setState() 方法进行更新。一个简单的实例在实例中我们设置了输入框 input 值 value {this.state.data}。在输入框值发生变化时我们可以更新 state。我们可以使用 onChange 事件来监听 input 的变化并修改 state。React 实例class HelloMessage extends React.Component {constructor(props) {super(props);this.state {value: Hello Runoob!};this.handleChange this.handleChange.bind(this);}handleChange(event) {this.setState({value: event.target.value});}render() {var value this.state.value;return divinput typetext value{value} onChange{this.handleChange} /h4{value}/h4/div;}}const root ReactDOM.createRoot(document.getElementById(root));root.render(HelloMessage /);尝试一下 »上面的代码将渲染出一个值为 Hello Runoob! 的 input 元素并通过 onChange 事件响应更新用户输入的值。实例 2在以下实例中我们将为大家演示如何在子组件上使用表单。 onChange 方法将触发 state 的更新并将更新的值传递到子组件的输入框的 value 上来重新渲染界面。你需要在父组件通过创建事件句柄 (handleChange) 并作为 prop (updateStateProp) 传递到你的子组件上。React 实例class Content extends React.Component {render() {return (divinput typetext value{this.props.myDataProp} onChange{this.props.updateStateProp} /h4{this.props.myDataProp}/h4/div);}}class HelloMessage extends React.Component {constructor(props) {super(props);this.state { value: Hello Runoob! };this.handleChange this.handleChange.bind(this);}handleChange(event) {this.setState({ value: event.target.value });}render() {var value this.state.value;return (divContent myDataProp{value} updateStateProp{this.handleChange} //div);}}const root ReactDOM.createRoot(document.getElementById(root));root.render(HelloMessage /);尝试一下 »Select 下拉菜单在 React 中不使用 selected 属性而在根 select 标签上用 value 属性来表示选中项。React 实例class FlavorForm extends React.Component {constructor(props) {super(props);this.state {value: coconut};this.handleChange this.handleChange.bind(this);this.handleSubmit this.handleSubmit.bind(this);}handleChange(event) {this.setState({value: event.target.value});}handleSubmit(event) {alert(Your favorite flavor is: this.state.value);event.preventDefault();}render() {return (form onSubmit{this.handleSubmit}label选择您最喜欢的网站select value{this.state.value} onChange{this.handleChange}option valueggGoogle/optionoption valuernRunoob/optionoption valuetbTaobao/optionoption valuefbFacebook/option/select/labelinput typesubmit value提交 //form);}}const root ReactDOM.createRoot(document.getElementById(root));root.render(FlavorForm /);尝试一下 »多个表单当你有处理多个 input 元素时你可以通过给每个元素添加一个 name 属性来让处理函数根据 event.target.name 的值来选择做什么。React 实例class Reservation extends React.Component {constructor(props) {super(props);this.state {isGoing: true,numberOfGuests: 2};this.handleInputChange this.handleInputChange.bind(this);}handleInputChange(event) {const target event.target;const value target.type checkbox ? target.checked : target.value;const name target.name;this.setState({[name]: value});}render() {return (formlabel是否离开:inputnameisGoingtypecheckboxchecked{this.state.isGoing}onChange{this.handleInputChange} //labelbr /label访客数:inputnamenumberOfGueststypenumbervalue{this.state.numberOfGuests}onChange{this.handleInputChange} //label/form);}}尝试一下 »React 事件以下实例演示通过 onClick 事件来修改数据React 实例class HelloMessage extends React.Component {constructor(props) {super(props);this.state {value: Hello Runoob!};this.handleChange this.handleChange.bind(this);}handleChange(event) {this.setState({value: 菜鸟教程})}render() {var value this.state.value;return divbutton onClick{this.handleChange}点我/buttonh4{value}/h4/div;}}const root ReactDOM.createRoot(document.getElementById(root));root.render(HelloMessage /);尝试一下 »当你需要从子组件中更新父组件的 state 时你需要在父组件通过创建事件句柄 (handleChange) 并作为 prop (updateStateProp) 传递到你的子组件上。实例如下React 实例class Content extends React.Component {render() {return divbutton onClick {this.props.updateStateProp}点我/buttonh4{this.props.myDataProp}/h4/div}}class HelloMessage extends React.Component {constructor(props) {super(props);this.state {value: Hello Runoob!};this.handleChange this.handleChange.bind(this);}handleChange(event) {this.setState({value: 菜鸟教程})}render() {var value this.state.value;return divContent myDataProp {value}updateStateProp {this.handleChange}/Content/div;}}const root ReactDOM.createRoot(document.getElementById(root));root.render(HelloMessage /);尝试一下 »React AJAXReact Refs1 篇笔记 写笔记杨笑117***1030qq.com51父组件和子组件都用表单:class HelloMessageChild extends React.Component {render(){return divinput typetext value{this.props.myDataProp} onChange{this.props.updateStateProp} /h4子组件显示{this.props.myDataProp}/h4/div;}}class HelloMessage extends React.Component {constructor(props) {super(props);this.state {value: 父组件,value1:子组件};this.handleChange this.handleChange.bind(this);this.handleChange1 this.handleChange1.bind(this);}handleChange(event) {this.setState({value: event.target.value});}handleChange1(event) {this.setState({value1: event.target.value});}render() {var value this.state.value;var value1 this.state.value1;return divtabletbodytrtdinput typetext value{value} onChange{this.handleChange} /h4父组件显示{value}/h4/tdtdHelloMessageChild myDataProp {value1} updateStateProp {this.handleChange1} //td/tr/tbody/table/div;}}ReactDOM.render(HelloMessage /,document.getElementById(formexmple));https://avg.163.com/topic/detail/8769715https://avg.163.com/topic/detail/8769882https://avg.163.com/topic/detail/8770021https://avg.163.com/topic/detail/8770250https://avg.163.com/topic/detail/8770403https://avg.163.com/topic/detail/8769682https://avg.163.com/topic/detail/8769852https://avg.163.com/topic/detail/8770062https://avg.163.com/topic/detail/8770239https://avg.163.com/topic/detail/8770417https://avg.163.com/topic/detail/8769702https://avg.163.com/topic/detail/8769877https://avg.163.com/topic/detail/8770056https://avg.163.com/topic/detail/8770236https://avg.163.com/topic/detail/8770411https://avg.163.com/topic/detail/8769709https://avg.163.com/topic/detail/8769862https://avg.163.com/topic/detail/8770059https://avg.163.com/topic/detail/8770248https://avg.163.com/topic/detail/8770421https://avg.163.com/topic/detail/8769717https://avg.163.com/topic/detail/8769872https://avg.163.com/topic/detail/8770042https://avg.163.com/topic/detail/8770217https://avg.163.com/topic/detail/8770408https://avg.163.com/topic/detail/8769687https://avg.163.com/topic/detail/8769850https://avg.163.com/topic/detail/8770038https://avg.163.com/topic/detail/8770229https://avg.163.com/topic/detail/8770390https://avg.163.com/topic/detail/8769722https://avg.163.com/topic/detail/8769892https://avg.163.com/topic/detail/8770032https://avg.163.com/topic/detail/8770225https://avg.163.com/topic/detail/8770368https://avg.163.com/topic/detail/8769691https://avg.163.com/topic/detail/8769886https://avg.163.com/topic/detail/8770045https://avg.163.com/topic/detail/8770233https://avg.163.com/topic/detail/8770372https://avg.163.com/topic/detail/8769723https://avg.163.com/topic/detail/8769863https://avg.163.com/topic/detail/8770027https://avg.163.com/topic/detail/8770222https://avg.163.com/topic/detail/8770353https://avg.163.com/topic/detail/8769707https://avg.163.com/topic/detail/8769845https://avg.163.com/topic/detail/8770065https://avg.163.com/topic/detail/8770211https://avg.163.com/topic/detail/8770362https://avg.163.com/topic/detail/8769695https://avg.163.com/topic/detail/8769880https://avg.163.com/topic/detail/8770068https://avg.163.com/topic/detail/8770215https://avg.163.com/topic/detail/8770425https://avg.163.com/topic/detail/8769721https://avg.163.com/topic/detail/8769871https://avg.163.com/topic/detail/8770050https://avg.163.com/topic/detail/8770220https://avg.163.com/topic/detail/8770356https://avg.163.com/topic/detail/8769720https://avg.163.com/topic/detail/8769875https://avg.163.com/topic/detail/8770015https://avg.163.com/topic/detail/8770252https://avg.163.com/topic/detail/8770363https://avg.163.com/topic/detail/8769719https://avg.163.com/topic/detail/8769851https://avg.163.com/topic/detail/8770063https://avg.163.com/topic/detail/8770249https://avg.163.com/topic/detail/8770399https://avg.163.com/topic/detail/8769712https://avg.163.com/topic/detail/8769856https://avg.163.com/topic/detail/8770069https://avg.163.com/topic/detail/8770251https://avg.163.com/topic/detail/8770371https://avg.163.com/topic/detail/8769711https://avg.163.com/topic/detail/8769867https://avg.163.com/topic/detail/8770037https://avg.163.com/topic/detail/8770207https://avg.163.com/topic/detail/8770360https://avg.163.com/topic/detail/8769694https://avg.163.com/topic/detail/8769861https://avg.163.com/topic/detail/8770066https://avg.163.com/topic/detail/8770254https://avg.163.com/topic/detail/8770366https://avg.163.com/topic/detail/8769698https://avg.163.com/topic/detail/8769868https://avg.163.com/topic/detail/8770049https://avg.163.com/topic/detail/8770247https://avg.163.com/topic/detail/8770410https://avg.163.com/topic/detail/8769689https://avg.163.com/topic/detail/8769835https://avg.163.com/topic/detail/8770060https://avg.163.com/topic/detail/8770245https://avg.163.com/topic/detail/8770415https://avg.163.com/topic/detail/8769684https://avg.163.com/topic/detail/8769840https://avg.163.com/topic/detail/8770046https://avg.163.com/topic/detail/8770240https://avg.163.com/topic/detail/8770396https://avg.163.com/topic/detail/8769667https://avg.163.com/topic/detail/8769895https://avg.163.com/topic/detail/8770051https://avg.163.com/topic/detail/8770242https://avg.163.com/topic/detail/8770401https://avg.163.com/topic/detail/8769681https://avg.163.com/topic/detail/8769829https://avg.163.com/topic/detail/8770039https://avg.163.com/topic/detail/8770198https://avg.163.com/topic/detail/8770423https://avg.163.com/topic/detail/8769662https://avg.163.com/topic/detail/8769874https://avg.163.com/topic/detail/8770077https://avg.163.com/topic/detail/8770238https://avg.163.com/topic/detail/8770370https://avg.163.com/topic/detail/8769671https://avg.163.com/topic/detail/8769846https://avg.163.com/topic/detail/8770024https://avg.163.com/topic/detail/8770246https://avg.163.com/topic/detail/8770393https://avg.163.com/topic/detail/8769678https://avg.163.com/topic/detail/8769898https://avg.163.com/topic/detail/8770006https://avg.163.com/topic/detail/8770202https://avg.163.com/topic/detail/8770388https://avg.163.com/topic/detail/8769675https://avg.163.com/topic/detail/8769819https://avg.163.com/topic/detail/8770078https://avg.163.com/topic/detail/8770253https://avg.163.com/topic/detail/8770413https://avg.163.com/topic/detail/8769706https://avg.163.com/topic/detail/8769857https://avg.163.com/topic/detail/8770075https://avg.163.com/topic/detail/8770230https://avg.163.com/topic/detail/8770376https://avg.163.com/topic/detail/8769699https://avg.163.com/topic/detail/8769825https://avg.163.com/topic/detail/8770034https://avg.163.com/topic/detail/8770235https://avg.163.com/topic/detail/8770419https://avg.163.com/topic/detail/8769713https://avg.163.com/topic/detail/8769869https://avg.163.com/topic/detail/8770029https://avg.163.com/topic/detail/8770208https://avg.163.com/topic/detail/8769703https://avg.163.com/topic/detail/8770406https://avg.163.com/topic/detail/8769884https://avg.163.com/topic/detail/8770074https://avg.163.com/topic/detail/8770199https://avg.163.com/topic/detail/8770347https://avg.163.com/topic/detail/8769680https://avg.163.com/topic/detail/8769865https://avg.163.com/topic/detail/8770054https://avg.163.com/topic/detail/8770212https://avg.163.com/topic/detail/8770357https://avg.163.com/topic/detail/8769668https://avg.163.com/topic/detail/8769879https://avg.163.com/topic/detail/8770057https://avg.163.com/topic/detail/8770193https://avg.163.com/topic/detail/8770404https://avg.163.com/topic/detail/8769692https://avg.163.com/topic/detail/8769858https://avg.163.com/topic/detail/8770076https://avg.163.com/topic/detail/8770221https://avg.163.com/topic/detail/8770377https://avg.163.com/topic/detail/8769655https://avg.163.com/topic/detail/8769826https://avg.163.com/topic/detail/8770072https://avg.163.com/topic/detail/8769696https://avg.163.com/topic/detail/8770216https://avg.163.com/topic/detail/8769833https://avg.163.com/topic/detail/8770336https://avg.163.com/topic/detail/8770067https://avg.163.com/topic/detail/8770237https://avg.163.com/topic/detail/8770385https://avg.163.com/topic/detail/8769716https://avg.163.com/topic/detail/8769893https://avg.163.com/topic/detail/8770071https://avg.163.com/topic/detail/8770218https://avg.163.com/topic/detail/8770381https://avg.163.com/topic/detail/8769705https://avg.163.com/topic/detail/8769900https://avg.163.com/topic/detail/8770061https://avg.163.com/topic/detail/8770209https://avg.163.com/topic/detail/8770350https://avg.163.com/topic/detail/8769677https://avg.163.com/topic/detail/8769896https://avg.163.com/topic/detail/8770017https://avg.163.com/topic/detail/8770243https://avg.163.com/topic/detail/8770346https://avg.163.com/topic/detail/8769674https://avg.163.com/topic/detail/8769854https://avg.163.com/topic/detail/8770058https://avg.163.com/topic/detail/8770223https://avg.163.com/topic/detail/8770344https://avg.163.com/topic/detail/8769686https://avg.163.com/topic/detail/8769889https://avg.163.com/topic/detail/8770047https://avg.163.com/topic/detail/8770234https://avg.163.com/topic/detail/8770383https://avg.163.com/topic/detail/8769660https://avg.163.com/topic/detail/8769848https://avg.163.com/topic/detail/8770052https://avg.163.com/topic/detail/8770206https://avg.163.com/topic/detail/8770394https://avg.163.com/topic/detail/8769710https://avg.163.com/topic/detail/8769839https://avg.163.com/topic/detail/8770053https://avg.163.com/topic/detail/8770213https://avg.163.com/topic/detail/8770379https://avg.163.com/topic/detail/8769637https://avg.163.com/topic/detail/8769830https://avg.163.com/topic/detail/8770064https://avg.163.com/topic/detail/8770203https://avg.163.com/topic/detail/8770364https://avg.163.com/topic/detail/8769672https://avg.163.com/topic/detail/8769836https://avg.163.com/topic/detail/8770055https://avg.163.com/topic/detail/8770227https://avg.163.com/topic/detail/8770369https://avg.163.com/topic/detail/8769645https://avg.163.com/topic/detail/8769818https://avg.163.com/topic/detail/8770007https://avg.163.com/topic/detail/8770188https://avg.163.com/topic/detail/8770355https://avg.163.com/topic/detail/8769664https://avg.163.com/topic/detail/8769816https://avg.163.com/topic/detail/8770043https://avg.163.com/topic/detail/8770244https://avg.163.com/topic/detail/8770384https://avg.163.com/topic/detail/8769646https://avg.163.com/topic/detail/8769811https://avg.163.com/topic/detail/8770002https://avg.163.com/topic/detail/8770241https://avg.163.com/topic/detail/8769630https://avg.163.com/topic/detail/8769842https://avg.163.com/topic/detail/8770035https://avg.163.com/topic/detail/8770192https://avg.163.com/topic/detail/8770380https://avg.163.com/topic/detail/8769636https://avg.163.com/topic/detail/8769873https://avg.163.com/topic/detail/8770018https://avg.163.com/topic/detail/8770338https://avg.163.com/topic/detail/8769651https://avg.163.com/topic/detail/8769883https://avg.163.com/topic/detail/8770012https://avg.163.com/topic/detail/8770177https://avg.163.com/topic/detail/8770359https://avg.163.com/topic/detail/8769673https://avg.163.com/topic/detail/8769822https://avg.163.com/topic/detail/8770073https://avg.163.com/topic/detail/8770226https://avg.163.com/topic/detail/8770374https://avg.163.com/topic/detail/8769669https://avg.163.com/topic/detail/8769799https://avg.163.com/topic/detail/8770041https://avg.163.com/topic/detail/8770163https://avg.163.com/topic/detail/8770365https://avg.163.com/topic/detail/8769690https://avg.163.com/topic/detail/8769794https://avg.163.com/topic/detail/8770030https://avg.163.com/topic/detail/8770201https://avg.163.com/topic/detail/8770397https://avg.163.com/topic/detail/8769685https://avg.163.com/topic/detail/8769813https://avg.163.com/topic/detail/8770070https://avg.163.com/topic/detail/8770155https://avg.163.com/topic/detail/8770340https://avg.163.com/topic/detail/8769700https://avg.163.com/topic/detail/8769809https://avg.163.com/topic/detail/8770013https://avg.163.com/topic/detail/8770196https://avg.163.com/topic/detail/8770375https://avg.163.com/topic/detail/8769650https://avg.163.com/topic/detail/8769806https://avg.163.com/topic/detail/8769973https://avg.163.com/topic/detail/8770204https://avg.163.com/topic/detail/8770352https://avg.163.com/topic/detail/8769679https://avg.163.com/topic/detail/8769843https://avg.163.com/topic/detail/8770023https://avg.163.com/topic/detail/8770231https://avg.163.com/topic/detail/8770328https://avg.163.com/topic/detail/8769656https://avg.163.com/topic/detail/8769797https://avg.163.com/topic/detail/8769981https://avg.163.com/topic/detail/8770174https://avg.163.com/topic/detail/8770342https://avg.163.com/topic/detail/8769633https://avg.163.com/topic/detail/8769887https://avg.163.com/topic/detail/8769993https://avg.163.com/topic/detail/8770197https://avg.163.com/topic/detail/8770391https://avg.163.com/topic/detail/8769661https://avg.163.com/topic/detail/8769788https://avg.163.com/topic/detail/8769985https://avg.163.com/topic/detail/8770323https://avg.163.com/topic/detail/8769647https://avg.163.com/topic/detail/8769798https://avg.163.com/topic/detail/8769979https://avg.163.com/topic/detail/8770162https://avg.163.com/topic/detail/8770320https://avg.163.com/topic/detail/8769658https://avg.163.com/topic/detail/8769853https://avg.163.com/topic/detail/8769975https://avg.163.com/topic/detail/8770176https://avg.163.com/topic/detail/8770325https://avg.163.com/topic/detail/8769653https://avg.163.com/topic/detail/8769968https://avg.163.com/topic/detail/8770168https://avg.163.com/topic/detail/8770308https://avg.163.com/topic/detail/8769643https://avg.163.com/topic/detail/8769847https://avg.163.com/topic/detail/8770044https://avg.163.com/topic/detail/8770152https://avg.163.com/topic/detail/8770303https://avg.163.com/topic/detail/8769641https://avg.163.com/topic/detail/8769820https://avg.163.com/topic/detail/8769991https://avg.163.com/topic/detail/8770154https://avg.163.com/topic/detail/8770387https://avg.163.com/topic/detail/8769657https://avg.163.com/topic/detail/8769802https://avg.163.com/topic/detail/8770004https://avg.163.com/topic/detail/8770143https://avg.163.com/topic/detail/8770333https://avg.163.com/topic/detail/8769649https://avg.163.com/topic/detail/8769834https://avg.163.com/topic/detail/8769976https://avg.163.com/topic/detail/8770182https://avg.163.com/topic/detail/8770335https://avg.163.com/topic/detail/8769625https://avg.163.com/topic/detail/8769828https://avg.163.com/topic/detail/8770019https://avg.163.com/topic/detail/8770167https://avg.163.com/topic/detail/8770329https://avg.163.com/topic/detail/8769628https://avg.163.com/topic/detail/8769807https://avg.163.com/topic/detail/8770011https://avg.163.com/topic/detail/8769642https://avg.163.com/topic/detail/8770149https://avg.163.com/topic/detail/8769824https://avg.163.com/topic/detail/8770298https://avg.163.com/topic/detail/8770025https://avg.163.com/topic/detail/8770125https://avg.163.com/topic/detail/8770312https://avg.163.com/topic/detail/8769639https://avg.163.com/topic/detail/8769817https://avg.163.com/topic/detail/8769986https://avg.163.com/topic/detail/8770158https://avg.163.com/topic/detail/8770307https://avg.163.com/topic/detail/8769623https://avg.163.com/topic/detail/8769812https://avg.163.com/topic/detail/8769982https://avg.163.com/topic/detail/8770156https://avg.163.com/topic/detail/8770302https://avg.163.com/topic/detail/8769629https://avg.163.com/topic/detail/8769890https://avg.163.com/topic/detail/8769995https://avg.163.com/topic/detail/8770138https://avg.163.com/topic/detail/8770306https://avg.163.com/topic/detail/8769665https://avg.163.com/topic/detail/8769803https://avg.163.com/topic/detail/8769970https://avg.163.com/topic/detail/8770151https://avg.163.com/topic/detail/8770297https://avg.163.com/topic/detail/8769618https://avg.163.com/topic/detail/8769878https://avg.163.com/topic/detail/8769989https://avg.163.com/topic/detail/8770180https://avg.163.com/topic/detail/8770324https://avg.163.com/topic/detail/8769621https://avg.163.com/topic/detail/8769864https://avg.163.com/topic/detail/8769999https://avg.163.com/topic/detail/8770187https://avg.163.com/topic/detail/8770311https://avg.163.com/topic/detail/8769652https://avg.163.com/topic/detail/8769859https://avg.163.com/topic/detail/8769997https://avg.163.com/topic/detail/8770191https://avg.163.com/topic/detail/8770314https://avg.163.com/topic/detail/8769632https://avg.163.com/topic/detail/8769792https://avg.163.com/topic/detail/8769963https://avg.163.com/topic/detail/8770161https://avg.163.com/topic/detail/8769626https://avg.163.com/topic/detail/8769786https://avg.163.com/topic/detail/8769957https://avg.163.com/topic/detail/8770126https://avg.163.com/topic/detail/8770317https://avg.163.com/topic/detail/8769638https://avg.163.com/topic/detail/8769849https://avg.163.com/topic/detail/8769977https://avg.163.com/topic/detail/8770147https://avg.163.com/topic/detail/8769616https://avg.163.com/topic/detail/8769891https://avg.163.com/topic/detail/8770033https://avg.163.com/topic/detail/8770181https://avg.163.com/topic/detail/8769634https://avg.163.com/topic/detail/8769899