text: import React from 'react';
  import 'antd/dist/antd.css'
  import { Input , Button , List } from 'antd'
  
  const TodoListUi = (props)=>{
      return(
          <div style={{margin:'10px'}}>
              <div>
                  <Input  
                      style={{ width:'250px', marginRight:'10px'}}
                      onChange={props.changeInputValue}
                      value={props.inputValue}
                  />
                  <Button 
                      type="primary"
                      onClick={props.clickBtn}
                  >增加</Button>
              </div>
              <div style={{margin:'10px',width:'300px'}}>
                  <List
                      bordered
                      dataSource={props.user}
                      renderItem={
                          (item,index)=>(
                              <List.Item onClick={()=>{props.deleteItem(index)}}>
                                  {item.uname}
                              </List.Item>
                          )
                      }
                  />    
              </div>
          </div>
      )
     
  }
  
  export default TodoListUi;