“This” không được xác định bên trong hàm bản đồ Reactjs

Tôi đang làm việc với Reactjs, viết một thành phần menu.

"use strict";

var React = require("react");
var Menus = React.createClass({

    item_url: function (item,categories,articles) {
        console.log('afdasfasfasdfasdf');
        var url='XXX';
        if (item.type == 1) {
            url = item.categoryId == null ? 'javascript:void(0)' : path('buex_portal_browse_category', {slug: categories[item.categoryId].slug});
        } else if (item.type == 2) {
            url = item.articleId == null ? 'javascript:void(0)' : path('buex_portal_view_article', {slug: articles[item.articleId].slug, id: item.articleId});
        } else {
            url = item.url;
        }
        return url;
    },

    render: function () {
     //   console.log(this.props.menus);  // return correctly
            var menuElements = this.props.menus.map(function (item1) { // return fault : 'cannot read property 'props' of undefined '
            return (
                <div>
                    <li>
                        <a href={this.item_url(item1, this.props.categories, this.props.articles )}>{item1.name} // the same fault above
                            <i class="glyphicon glyphicon-chevron-right pull-right"></i>
                        </a>
                        <div class="sub-menu">
                            <div>
                            {item1._children.map(function (item2) {
                                return (
                                    <div>
                                        <h4>
                                            <a href={this.item_url(item2, this.props.categories, this.props.articles)}>{ item2.name }</a>
                                        </h4>
                                        <ul>
                                            {item2._children.map(function (item3) {
                                                return ( 
                                                    <div><li><a href={this.item_url(item3, this.props.categories, this.props.articles) }>{ item3.name }</a></li></div>
                                                );
                                            })}                   
                                        </ul>
                                    </div>
                                );
                            })}
                            </div>
                        </div>
                    </li>
                </div>
            );
        });

        return (
            <div class="menu">
                <ul class="nav nav-tabs nav-stacked">
                    {menuElements}
                </ul>
            </div>
        );
    }
});

Bất cứ khi nào tôi sử dụng hàm bản đồ bên trong 'this', nó không được xác định, nhưng bên ngoài thì không có vấn đề gì.

Lỗi:

"Không thể đọc thuộc tính 'props' của undefined"

Có ai giúp tôi với! : ((

Array.prototype.map()lấy đối số thứ hai để đặt những gì thisđề cập đến trong hàm ánh xạ, vì vậy hãy chuyển thislàm đối số thứ hai để bảo toàn ngữ cảnh hiện tại:

someList.map(function(item) {
  ...
}, this)

Ngoài ra, bạn có thể sử dụng chức năng mũi tên ES6 để tự động lưu giữ thisngữ cảnh hiện tại :

someList.map((item) => {
  ...
})