当前位置:  软件>JavaScript软件

react-cursor

    来源:    发布时间:2014-12-22

    本文导语:  react-cursor is an opinionated javascript implementation of the Cursor concept first seen in Om, and inspired by functional zippers. 示例代码: var App = React.createClass({     getInitialState: function () {         return {             "a": 10,         ...

react-cursor is an opinionated javascript implementation of the Cursor concept first seen in Om, and inspired by functional zippers.

示例代码:

var App = React.createClass({
    getInitialState: function () {
        return {
            "a": 10,
            "b": {
                "foo": {
                    "bar": 42,
                    "baz": ['red', 'green']
                }
            }
        };
    },
    render: function () {
        return 
{JSON.stringify(this.state, undefined, 2)}
;     } }); var Cursor = require('path/to/react-cursor').Cursor; var cursor = Cursor.build(this) // `this` is the React component's this pointer                                 // or the return value of React.renderComponent                                 cursor.refine('a').value            //=> 10 cursor.refine('a').onChange(11); cursor.refine('b').refine('foo').value      //=> { 'bar': 42, 'baz': ['red', 'green'] } cursor.refine('b').refine('foo').onChange({ 'bar': 43, 'baz': ['red', 'green'] }) cursor.refine('b', 'foo', 'baz', 1).onChange('blue')

    
 
 

您可能感兴趣的文章:

 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3