React - биндинг и ключи

Есть два терзающий вопроса:

1. Есть кусок кода рендера

   var data = this.props.data;
       var hidden = this.state.hidden;
       var template = data.map(function(item,index) {
       return(
           <div className="mainDiv" key="{index}">
               <p className="feedText">{item.author}</p>
               <p className={'feedText ' + 'smallmargin'}>{item.text}</p>
               <p className={'feedText ' + 'smallmargin ' + (hidden ? '' : 'hidden')}>{item.bigtext}</p>
           </div>
       )
   });
   

   Реакт отказывается рендерить по причине {index} используется дважды,должен быть уникален,но значение индекса ведь разные - 0 и 1. Как быть в такой ситуации?

2. Как привязать событие? Есть событие

   divClick : function(e) {
       e.preventDefault();
       this.setState({hidden : true});
   }
   

   Банальный онклик говорит,что divClick undefined

   <div className="mainDiv" onClick={this.divClick}>
   

В чем тут проблемы?