博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React 使用 linkState 组件
阅读量:6411 次
发布时间:2019-06-23

本文共 1256 字,大约阅读时间需要 4 分钟。

  hot3.png

绑定事件到状态

官方实现

安装

npm install react-link-state --save

使用示例

import React from 'react';import linkState from 'react-link-state'; export default MyForm extends React.Component {  constructor(props) {    super(props);     this.state = {      username: '',      password: '',      toggle: false    };  }   render() {    console.log(this.state);        return (      
); }}

使用示例2

import linkState from 'react-link-state'class Demo extends Component {    constructor(props) {        super(props)        this.state = {            text: ''        }    }    render() {        const {text} = this.state        return (            
) }}

 

其它实现

安装

npm install --save linkstate

用法示例

import linkState from 'linkstate';class Foo extends Component {  state = {    text: ''  };  render(props, state) {    return (          );  }}

用法示例2

import linkState from 'linkstate'class Demo extends Component {    constructor(props) {        super(props)        this.state = {            text: ''        }    }    render() {        const {text} = this.state        return (            
) }}

 

转载于:https://my.oschina.net/lemos/blog/1531052

你可能感兴趣的文章
php.exe启动时提示缺少MVCR110.dall 64位 window系统 解决
查看>>
判断是否为数字方法
查看>>
[翻译] EF Core in Action 关于这本书
查看>>
js Uncaught TypeError: undefined is not a function
查看>>
数据库存储引擎
查看>>
[2019.2.13]BZOJ4318 OSU!
查看>>
版本号带两个小数点的,如何比较大小?( NSStringCompareOptions )
查看>>
QCustomplot使用分享(三) 图
查看>>
什么是java?
查看>>
WPF路径动画(动态逆向动画)
查看>>
Low Level Reader Protocol (LLRP) 简介
查看>>
[Micropython]TPYBoard v10x NRF24L01无线通讯模块使用教程
查看>>
mysql中show processlist过滤和杀死线程
查看>>
最新Sublime Text 2 激活 汉化
查看>>
基础数据类型之字典
查看>>
第七次作业
查看>>
Oracle中NVARCHAR2与VARCHAR2的区别
查看>>
php debug
查看>>
Ubuntu构建LVS+Keepalived高可用负载均衡集群【生产环境部署】
查看>>
lvm实现快速备份文件及数据库,lvm快照原理
查看>>