Problemas ao atribuir props para state do componente.

problemas ao passar props para state do componente, quando no componente faço console.log(this) a props cliente esta lá com todos os campos, mais quando faço console.log(this.props) ele me mostra o state vazio. o this.state.cliente2 esta sempre vazio. Onde estou errando. já passei horas tentando descobrir.

import React, { Component } from 'react'
import logo from './logo.svg'
import './App.css'
import Lista from './Lista'

class App extends Component {

  constructor () {
    super()
    this.state = {cliente: {}}
  }

  componentDidMount () {
    let ClienteJson = {
      'id': 1,
      'cadastro': '2017-04-06T01:07:48.000Z',
      'nome': 'Alexandre',
      'email': 'alex@example.com',
      'cidade': 'PIRAPORA',
      'estado': 'MG'
    }

    this.setState({cliente: ClienteJson})
  }

  render () {
    return (
      <div className='App'>
        <div className='App-header'>
          <img src={logo} className='App-logo' alt='logo' />
          <h2>Welcome to React {this.state.cliente.nome}</h2>
        </div>

        <Lista cliente={this.state.cliente} />

        <p className='App-intro' />
      </div>
    )
  }
}

export default App

componente: Lista

import React, { Component } from 'react'

export default class Lista extends Component {
  constructor (props) {
    super(props);
    this.state = {cliente2: this.props.cliente };
    console.log(this);
  }

  componentDidMount (prors) {

  }

  render () {
    return (
      <div>
        <ul> <li> {this.state.cliente2.nome} </li> </ul>
        <ul> <li> {this.props.cliente.nome} </li> </ul>
      </div>
    )
  }
}