import React from "react"

class Cpn extends React.Component {

render() {

return

  • 组件内容
  • }

    }

    export default Cpn

    类名称也必须以大写字母开头 类组件应该继承 React.Component 父类,从而使用父类中提供的方法或属性 类组件必须提供 render 方法render 方法必须有返回值,表示该组件的 UI 结构

    import React from "react"

    class Cpn extends React.Component {

    fun = () => {

    console.log("函数执行了")

    }

    render() {

    return (

    显示内容

    )

    }

    }

    export default Cpn

     事件绑定

    import React from "react"

    class Cpn extends React.Component {

    fun = (e) => {

    console.log("函数执行了")

    console.log(e)

    }

    render() {

    return

    显示内容

    }

    }

    export default Cpn

     获取额外参数 

    import React from "react";

    class Cpn extends React.Component {

    state = {

    num: 123,

    };

    fun(e, num) {

    console.log("执行函数");

    console.log(e);

    console.log(num);

    }

    render() {

    return

    this.fun(e, this.state.num)}>显示
    ;

    }

    }

    export default Cpn;

    推荐阅读

    评论可见,请评论后查看内容,谢谢!!!
     您阅读本篇文章共花了: