【德州开网店】德州淘宝网店页面设计-德州拼多多店铺搭建-德州亚马逊网店代运营公司-德州网店首页详情页设计托管外包-德州京东店招设计美工-德州网店主图设计排版

发表日期： 2021-07-27 15:45:47 浏览次数：111

网站建设.jpg

德州，简称“德”，古称安德，是山东省地级市，国务院批复确定的中国冀鲁交界地区交通枢纽和经济中心、山东省新能源产业基地 [1] 。总面积10356平方千米 [59] 。截至2019年，全市下辖2个区、7个县、代管2个县级市，城镇人口304.84万人，城镇化率53.03%。 [2] 根据第七次人口普查数据，截至2020年11月1日零时，德州市常住人口为5611194人。 [58]

德州地处中国华东地区、山东西北部、黄河下游冲积平原，是山东省的西北大门，北接河北省沧州市，南接省会济南市、聊城市，西邻河北省衡水市，东连滨州市。德州市为黄河冲积平原，历史上境内曾有两次黄河大迁徙，上千次决口，造就了西南高、东北低的地形，基本气候特点是季风影响显著，四季分明、冷热干湿界限明显。

德州是中国太阳城、中国功能糖城、中国优秀旅游城市以及国家交通运输主枢纽城市，处于环渤海经济圈、京津冀经济圈、山东半岛蓝色经济区以及黄河三角洲高效生态经济区交汇区域。德州扒鸡、金丝小枣、保店驴肉、德州黑陶等地方特产驰名海内外，其中，德州扒鸡、保店驴肉、乐陵金丝小枣被称为德州三宝。

2016年9月，德州入选“中国地级市民生发展100强”之一。 [3] 德州市被列为第一批国家新型城镇化综合试点地区。2018年重新确认国家卫生城市（区）。 [4] 2020年10月，被评为全国双拥模范城（县）。

2020年，德州地区生产总值3078.99亿元，按可比价格计算，同比增长3.6%，增速分别比上半年、前三季度提高3.3和1.7 个百分点。

微信公众号开发

React 事件处理

React 元素的事件处理和 DOM 元素类似。但是有一点语法上的不同:

React 事件绑定属性的命名采用驼峰式写法，而不是小写。
如果采用 JSX 的语法你需要传入一个函数作为事件处理函数，而不是一个字符串(DOM 元素的写法)

HTML 通常写法是：

<button onclick="activateLasers()">
  激活按钮</button>

React 中写法为：

<button onClick={activateLasers}>
  激活按钮</button>

在 React 中另一个不同是你不能使用返回 false 的方式阻止默认行为，你必须明确使用 preventDefault。

例如，通常我们在 HTML 中阻止链接默认打开一个新页面，可以这样写：

<a href="#" onclick="console.log('点击链接'); return false">
  点我</a>

在 React 的写法为：

function ActionLink() {
  function handleClick(e) {
    e.preventDefault();    console.log('链接被点击');  }
 
  return (
    <a href="#" onClick={handleClick}>
      点我
    </a>  );}

实例中 e 是一个合成事件。

使用 React 的时候通常你不需要使用 addEventListener 为一个已创建的 DOM 元素添加监听器。你仅仅需要在这个元素初始渲染的时候提供一个监听器。

当你使用 ES6 class 语法来定义一个组件的时候，事件处理器会成为类的一个方法。例如，下面的 Toggle 组件渲染一个让用户切换开关状态的按钮：

实例

class Toggle extends React.Component {
  constructor(props) {
    super(props);    this.state = {isToggleOn: true}; 
    // 这边绑定是必要的，这样 `this` 才能在回调函数中使用
    this.handleClick = this.handleClick.bind(this);  }
 
  handleClick() {
    this.setState(prevState => ({
      isToggleOn: !prevState.isToggleOn
    }));  }
 
  render() {
    return (
      <button onClick={this.handleClick}>        {this.state.isToggleOn ? 'ON' : 'OFF'}
      </button>    );  }}
 ReactDOM.render(
  <Toggle />,  document.getElementById('example'));

商城小程序开发

你必须谨慎对待 JSX 回调函数中的 this，类的方法默认是不会绑定 this 的。如果你忘记绑定 this.handleClick 并把它传入 onClick, 当你调用这个函数的时候 this 的值会是 undefined。

这并不是 React 的特殊行为；它是函数如何在 JavaScript 中运行的一部分。通常情况下，如果你没有在方法后面添加 () ，例如 onClick={this.handleClick}，你应该为这个方法绑定 this。

如果使用 bind 让你很烦，这里有两种方式可以解决。如果你正在使用实验性的属性初始化器语法，你可以使用属性初始化器来正确的绑定回调函数：

class LoggingButton extends React.Component {
  // 这个语法确保了 `this` 绑定在  handleClick 中
  // 这里只是一个测试
  handleClick = () => {
    console.log('this is:', this);  }
 
  render() {
    return (
      <button onClick={this.handleClick}>        Click me
      </button>    );  }}

如果你没有使用属性初始化器语法，你可以在回调函数中使用箭头函数：

class LoggingButton extends React.Component {
  handleClick() {
    console.log('this is:', this);  }
 
  render() {
    //  这个语法确保了 `this` 绑定在  handleClick 中
    return (
      <button onClick={(e) => this.handleClick(e)}>        Click me
      </button>    );  }}

使用这个语法有个问题就是每次 LoggingButton 渲染的时候都会创建一个不同的回调函数。在大多数情况下，这没有问题。然而如果这个回调函数作为一个属性值传入低阶组件，这些组件可能会进行额外的重新渲染。我们通常建议在构造函数中绑定或使用属性初始化器语法来避免这类性能问题。

向事件处理程序传递参数

通常我们会为事件处理程序传递额外的参数。例如，若是 id 是你要删除那一行的 id，以下两种方式都可以向事件处理程序传递参数：

<button onClick={(e) => this.deleteRow(id, e)}>Delete Row</button><button onClick={this.deleteRow.bind(this, id)}>Delete Row</button>

上述两种方式是等价的。

上面两个例子中，参数 e 作为 React 事件对象将会被作为第二个参数进行传递。通过箭头函数的方式，事件对象必须显式的进行传递，但是通过 bind 的方式，事件对象以及更多的参数将会被隐式的进行传递。

值得注意的是，通过 bind 方式向监听函数传参，在类组件中定义的监听函数，事件对象 e 要排在所传递参数的后面，例如:

class Popper extends React.Component{
    constructor(){
        super();        this.state = {name:'Hello world!'};    }
    
    preventPop(name, e){    //事件对象e要放在最后
        e.preventDefault();        alert(name);    }
    
    render(){
        return (
            <div>
                <p>hello</p>                {/* 通过 bind() 方法传递参数。 */}
                <a href="https://reactjs.org" onClick={this.preventPop.bind(this,this.state.name)}>Click</a>
            </div>        );    }}

上一页：【常德开网店】常德淘宝网店页面设计-常德拼多多店铺搭建-常德亚马逊网店代运营公司-常德网店首页详情页设计托管外包-常德京东店招设计美工-常德网店主图设计排版

下一页：【温州微信小程序制作】温州微信公众号开发-温州微信公众号小程序购物直播社区团购商城-温州小程序商城搭建-温州微信公众号代运营公司-温州公众号托管外包-温州微信网站设计-温州推文软文编辑排版发布