将props值传递给this.state,但是不确定?

时间:2020-03-13 14:17:33

标签: reactjs react-props

我需要将道具传递到我的初始状态,但是当我得到undefined以获得最终结果时。 考虑下面的代码:

constructor (props){
        super(props);
        const supplier_id = parseInt(localStorage.getItem('id'));
        this.state ={
            id: props.items_id,        // get the items_id from props
            supplier_id: supplier_id,
            item_name:'',
            item_shortDes: '',
            item_longDes: '',
            price: '',
            terms_agreement: '',
            Location: '',
            selectedFile: null,
        }
        this.onChange = this.onChange.bind(this);
        this.updateItem = this.updateItem.bind(this);
      }

      updateItem(){

        const itemData = this.state
        const selectedFile = this.state.selectedFile
        console.log(itemData)    

        const formData = new FormData();
        formData.append('json', JSON.stringify(itemData))
        formData.append('itemFile', selectedFile) 

        fetch(`http://localhost:9000.com/api/item/submit`,  //call api here
        {
            method: 'post',
            body: formData
        })

      }

但是我可以在render()中看到我的items_id

render() {
        const { items_id } = this.props;
        console.log(items_id) //i can get my items id here, but why cannot get it on this.state
     return (
         ...
     )
}

我的控制台结果在这里

enter image description here

id在这里显示undefined

0 个答案:

没有答案