请选择 进入手机版 | 继续访问电脑版

每天记录一个知识点(React 基础渲染,方法,属性)

[复制链接]
听见深浅 发表于 2020-12-31 18:11:47 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
React 根本

不废话直接上代码(补卡:2020-12-28 )
  1. //为了方便写demo,就直接csdn引用就可以写react了     
复制代码
根本渲染

  1. //type 必须是text/babe<script type="text/babel">//方法组件  function tick() {     const element = (                  {/*         jsx里注释是这样的,不能用//        123
  2.          */}       [size=5]It is {new Date().toLocaleTimeString()}[/size]
  3.      
  4.    );   //dom 渲染   ReactDOM.render(           // 元素     element,       document.getElementById(&#39;root&#39;)   ); } setInterval(tick, 1000);
复制代码
//运行效果

方法

  1.          class ParentDom extends React.Component{      constructor(props){        super(props)      }      render(){        return (                                    [size=6]{this.parentEvent1}}>nihc[/size]
  2.               提交                     
  3.         )      }      //这里必须要用箭头函数,this问题      parentEvent1=()=>{        console.log(123)      }      parentEvent=(e)=>{        console.log(e)        // e.defaultPrevented()        e.preventDefault()      }    }    增补:    //不消箭头函数的情况    constructor(props) {        super(props);        //这里要绑定this        this.handleToggleClick = this.handleToggleClick.bind(this);      }    handleToggleClick() {     }     大概在绑定的时候 方法.bind(this)     onClick={this.handleToggleClick.bind(this)}
复制代码
属性

获取暂时属性
  1. //e.target.getAttribute class ParentDom extends React.Component{   constructor(props){     super(props)   }  click = e => {    console.log(e.target.getAttribute("data-row"));  };  render() {    return (                        点击获取属性        
  2.       
  3.     );  }}
复制代码
属性使用

条记:
react 中文文档
jsx里注释不能用//
input 设置默认值(回显数据)
要用 defaultXxxxxx={this.props.xx}
value 改成defaultValue
checked改成defaultChecked

来源:https://blog.csdn.net/weixin_44314258/article/details/111887720
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )