当前位置：首页» 网络推广 » 【建站服务】河南省沁阳淘宝店铺设计-沁阳淘宝天猫网店美工-沁阳网店运营-沁阳拼多多宝贝设计多少钱-沁阳京东开店-沁阳美团代运营-沁阳阿里巴巴首页装修价格费用-沁阳主图详情页编辑排版PS美工修图加水印-

【建站服务】河南省沁阳淘宝店铺设计-沁阳淘宝天猫网店美工-沁阳网店运营-沁阳拼多多宝贝设计多少钱-沁阳京东开店-沁阳美团代运营-沁阳阿里巴巴首页装修价格费用-沁阳主图详情页编辑排版PS美工修图加水印-

作者: 风兰 . 阅读量： 5 . 发表时间：2022-09-20 18:57:14

网站建设

上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

河南省沁阳淘宝店铺设计-沁阳淘宝天猫网店美工-沁阳网店运营-沁阳拼多多宝贝设计多少钱-沁阳京东开店-沁阳美团代运营-沁阳阿里巴巴首页装修价格费用-沁阳主图详情页编辑排版PS美工修图加水印-沁阳logo设计-沁阳商标注册-沁阳知识产权申请-沁阳高企认定

网站建设.png

夏，为“覃怀”首邑。

商，属京畿重地。

周，为“野王邑”。

汉，为“野王县”。

隋，改“河内县”。

明清两代，为“怀庆府”所在地。 [4]

民国二年（1913年）废府存县，改为沁阳县。

1949年，属平原省新乡专区。

1952年，属河南省新乡专区。

1986年，撤销新乡专区后改归焦作市辖。

1987年辖城关镇和城关、常平、西万、山王庄、西向、紫陵、葛村、王曲、柏香、渠沟、崇义、木楼、王召等13个乡，329个村民委员会，1399个村民小组。 [2]

1989年9月27日经国务院批准，撤销沁阳县，设立沁阳市。沁阳市直属于河南省，由焦作市代管。 [9]

行政区划

编辑播报

2005年，沁阳市乡镇区划调整：撤销王占乡，将其行政区域划归王曲乡管辖，王曲乡政府驻地为中王占村；撤销木楼乡，将其行政区域划归王召乡管辖，王召乡人民政府驻地不变；撤销葛村乡，将其行政区域划归柏香镇管辖，柏香镇人民政府驻地不变，辖区面积83.2平方千米。

截至2019年，沁阳市辖4个街道、6个镇、3个乡：覃怀街道、怀庆街道、太行街道、沁园街道、崇义镇、西向镇、西万镇、柏香镇、山王庄镇、紫陵镇、常平乡、王召乡、王曲乡。市人民政府驻怀庆街道县东街。

区划名称	村委会	社区居委会	政府驻地	辖区面积
覃怀街道	7个	5个	东关社区	14.4平方千米
怀庆街道	9个	2个	合作街社区	15.16平方千米
太行街道	8个	8个	自治街社区	16平方千米
沁园街道	14个	7个	西关社区	21平方千米
崇义镇	38个	/	崇义村	44.6平方千米
西向镇	27个	/	西向一街	99.36平方千米
西万镇	12个	/	西万村	36.7平方千米
柏香镇	62个	/	柏香一街	83.4平方千米
山王庄镇	17个	/	山王庄村	18.8平方千米
紫陵镇	13个	/	紫陵村	66.8平方千米
常平乡	12个	/	常平村	98平方千米
王召乡	47个	/	东祝策村	66.1平方千米
王曲乡	41个	/	中王占村	57.86平方千米
参考资料 [11]

地理环境

编辑播报

位置境域

沁阳市，位于河南省西北部，北依太行，南眺黄河，介于东经112′46′～113°02′、北纬34°59′～35°18′之间，总面积623.5平方千米。东与博爱县毗邻，西同济源市接壤，南与温县、孟州市相连，北与晋城交界。沁阳市东南距省会郑州市128千米，南距东都洛阳市90千米，东距焦作市36千米。 [2]

地形

沁阳境内平原居多，约占总面积的66%，其余为山地丘陵区。北枕太行山，南瞰黄河，境内山地和平原并存。地势总呈西北高东南低。从北向南依次为山区、丘陵、平原3种类型。著名山峰有紫金山（俗称小北顶）、云台山、云阳山、阳山等11座，均属太行山脉尾部，其中紫金山、云台山海拔1100米以上。 [2]

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 <div>
            <input type="text" value={value} onChange={this.handleChange} /> 
            <h4>{value}</h4>
           </div>;  }}ReactDOM.render(
  <HelloMessage />,  document.getElementById('example'));

尝试一下 »

上面的代码将渲染出一个值为 Hello Runoob! 的 input 元素，并通过 onChange 事件响应更新用户输入的值。

实例 2

在以下实例中我们将为大家演示如何在子组件上使用表单。 onChange 方法将触发 state 的更新并将更新的值传递到子组件的输入框的 value 上来重新渲染界面。

你需要在父组件通过创建事件句柄 (handleChange) ，并作为 prop (updateStateProp) 传递到你的子组件上。

React 实例

class Content extends React.Component {
  render() {
    return  <div>
            <input type="text" 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 <div>
            <Content myDataProp = {value} 
              updateStateProp = {this.handleChange}></Content>
           </div>;  }}ReactDOM.render(
  <HelloMessage />,  document.getElementById('example'));

尝试一下 »

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 value="gg">Google</option>
            <option value="rn">Runoob</option>
            <option value="tb">Taobao</option>
            <option value="fb">Facebook</option>
          </select>
        </label>
        <input type="submit" value="提交" />
      </form>    );  }}
 ReactDOM.render(
  <FlavorForm />,  document.getElementById('example'));