Ошибка передачи функции onClick в реакции

У меня есть два файла. Компонент списка и компонент отдельного элемента. В моем приложении пользователь может выбрать несколько элементов. Затем я создаю элемент состояния в «списке» «элементы», и моя идея состоит в том, что, когда пользователь нажимает кнопку элемента, элемент списка уведомляет Компонент списка и сохраняет элемент в массиве элементов из «списка».

У меня есть следующий код

List.jsx:

registrarItems(data,item){
        console.log(data,"aqui 1 con",item);
        let items = this.state.itemsAgregados.slice();
        if(!items.indexOf(data.id_producto)){
            console.log("no se encuentra");
            items.push(id);
            this.setState({
                'itemsAgregados':items
            });

        }else{
            console.log("ya existe");
            item.removerSeleccion();
        }
        console.log("registrando items",id);
    }
 render() {
        return (
            <div className="content-app">
                <Navbar data={this.menu}/>
                <div className="container lista-productos">
                    {
                        this.state.productos.map((producto, index) => {
                            return (
                                <Item data={producto}
                                      registro = {this.registrarItems}
                                      key={producto.id_producto}/>
                            );
                        })
                    }
                </div>
            </div>
        );
    }

И Item.jsx:

 render() {

        let props = this.props;
        let img = JSON.parse(props.data.imagen);
        let imgPath = Rutas.apiStatic + 'img/productos/' + props.data.id_producto + '/' + img.sm;
        props.data.items  = this;

        return (
            <div className="row item-listado">
                <div className="col-xs-3">
                    <img src={imgPath} className="img-circle img-item"/>
                </div>
                <div className="col-xs-7">
                    <Link to={Rutas.producto + props.data.identificador}>
                        <h3 className="titulo">{props.data.titulo}</h3>
                        <span className="price">$ {props.data.precio}</span>
                    </Link>
                </div>
                <div className="col-xs-2 text-right">
                    <ul className="list-unstyled list-acciones">
                        <li>
                            <a href="#" onClick={()=>props.registro(props.data,this)} className={this.state.classAdd}>
                                <i className="fa fa-plus"></i>
                            </a>
                        </li>

                    </ul>
                </div>
            </div>
        )
    }

Как видите, я передаю метод registrarItems в качестве параметра Item и добавляю его как событие onClick в тег из элемента. Но мне нужно передать «данные» и собственный элемент «item» в функцию onclick. Первый - для сохранения выбранного элемента в массиве Items или его удаления (если он уже существует), потому что кнопка может иметь функцию переключения. Но в моем "console.log" оба параметра, переданные методу onClick со стрелкой, отображаются как "undefined". Я видел несколько примеров и не получаю своей ошибки. Кто-нибудь может мне помочь? Благодарю.