render: function() {
....
    return (
      <div className="left-widget">
     <ul> {
         Menu.map(function(m, index){
         var style = '';
         if (self.state.focused == index && m.sub) {
            style = 'focused';

            return <Content firstName={Menu[index].firstName} lastName={Menu[index].text} iddep={Menu[index].iddep} id={Menu[index].id} />
              };

            if (m.sub){
              return <li className={style} key={index} onClick=          {self.clicked.bind(self, index)}>{m.text}</li>}
                else{}
                  return <li  key={index} onClick={self.clicked.bind(self, index)}><b>{m.text}</b></li>;
            }) }
            </ul>
        </div>
    ); // return
}  // render

render: function() {

return (
         <div className="content">
          <p></p>
          <p><b>Редактирование {self.state.last_}</b></p>
          <p><label>id department</label></p><p><input type="text" value={self.state.iddep_} onChange={this.handleChangeId} /> </p>
          <p><label>first name</label></p><p><input type="text" value={self.state.first_} onChange={this.handleChangeFirst}/></p>
          <p><label>last name</label></p><p><input type="text" value={self.state.last_} onChange={this.handleChangeLast}/></p>
          <p><button onClick={this.clicked.bind()}>Изменить</button></p>
          <p></p>
         </div>
    ); // return
}  // render

ReactDOM.Render(<Component />, document.getElementById("content"));

ReactDOM.render(<MenuExample />, document.getElementById("left_widget"));