react父組件引用了子組件多次，怎么讓傳入子組件的props保持獨(dú)立

假如我有這樣一個(gè)組件

import React, {Component} from 'react';

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

        this.state = {
            fillok: true
        };
    }

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

export default InputTest;

我在一個(gè)組件中引用了多次上面的組件

import React, {Component} from 'react';

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

export default componentName;

我想知道在父組件中通過(guò)props的形式給組件傳遞state 怎么讓子組件中獲取的props是獨(dú)立的，他們之間互不影響。

我在這里遇到的情況是，在其中一個(gè)InputTest組件中操作state會(huì)影響另外一個(gè)InputTest的state

另外再補(bǔ)充一個(gè)問(wèn)題。this.setState的更新是異步的。父組件按照{(diào)...this.state}傳入子組件的props難到拿到的值也是異步的么。（我的意思就是子組件通過(guò)props拿到的值是不是父組件已經(jīng)更新完的值）？