import React, { PureComponent } from 'react';

import Record from './Record';

class Records extends PureComponent{

 constructor(props){
     super(props);
     this.state = {
         records: [
             {"id": 1, "date": "2018-01-09", "title": "收入", "amount": 20},
             {"id": 2, "date": "2018-01-03", "title": "录视频收入", "amount": 199},
             {"id": 2, "date": "2018-01-03", "title": "录视频收入", "amount": 199},
         ]
     }
 }

 render(){
     return (
         <div className="records">
             <h2>Records</h2>
             <table className="table table-borderd">
                 <thead>
                     <tr>
                         <th>Date</th>
                         <th>Title</th>
                         <th>Amount</th>
                     </tr>
                 </thead>
                 <tbody>
                    <Record recordData={this.state.records}/>
                 </tbody>
             </table>
         </div>
     );
 }

}

export default Records;

import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';

class Record extends PureComponent{
static propTypes = {
recordData: PropTypes.array.isRequired,
}

render(){
    const { recordData=[] } = this.props;
    console.log(recordData);
    return (
        recordData && recordData.map((item, index) => {
            return <tr key={index}>
                        <td>{item.date}</td>
                        <td>{item.title}</td>
                        <td>{item.amount}</td>
                    </tr>
        })
    );
}

}

export default Record;

value={this.state.initialName} 大佬，应该是不是应该如下，这样设置好一点呢。我看你 初始值也没有，

this.state = {

initialName:'',
}

onHandleChange = (event) => {
this.setState({
homeLink: event.target.value,
initialName: event.target.value,
})

    console.log(event.target.value);
}

{this.state.initialName}

this.onHandleChange(event)} /> Change Header Link