假如我有这样一个组件

import React, {Component} from 'react';

class InputTest extends Component {
    constructor(props) {
        super(props);

        this.state = {
            fillok: true
        };
    }

    render() {
        return (
            <input />
        );
    }
}

export default InputTest;

我在一个组件中引用了多次上面的组件

import React, {Component} from 'react';

class componentName extends Component {
    render() {
        return (
            <div>
                <InputTest {...this.state} />
                <InputTest {...this.state} />
            </div>
        );
    }
}

export default componentName;

我想知道在父组件中通过props的形式给组件传递state 怎么让子组件中获取的props是独立的，他们之间互不影响。

我在这里遇到的情况是，在其中一个InputTest组件中操作state会影响另外一个InputTest的state

另外再补充一个问题。this.setState的更新是异步的。父组件按照{...this.state}传入子组件的props难到拿到的值也是异步的么。（我的意思就是子组件通过props拿到的值是不是父组件已经更新完的值）？