TextInput в компоненте очищается при редактировании TextInput в родительском компоненте

К примеру есть компонент

function TestComponent()
{
    const [testValue, setTestValue] = useState('');

    return <TextInput
        value={testValue}
        onChangeText={(text) => setTestValue(text)}
        style={styles.input}
        placeholder="Текст"
        maxLength={50}
    />
}

И при заполнении родительского TextInput, очищается TextInput находящийся в компоненте TestComponent

<TextInput
 value={someValue}
 onChangeText={(text) => setSomeValue(text)}
 style={styles.input}
 placeholder="Текст"
 maxLength={50}
/>
<TestComponent/>

Думаю, что суть даже не в TextInput. По всей видимости, компонент рендерится каждый раз, когда что то происходит извне. Вопрос, как этого можно избежать? Заранее спасибо.


Ответы (0 шт):