No puedo escribir más de una letra en la entrada de texto.
He intentado ejecutar después de borrar el caché expo r -c
¿Alguien tiene alguna idea de por qué sucede esto y cómo solucionarlo?
corriendo con
"expo": "^44.0.5", "reaccionar": "17.0.1", "reaccionar-dom": "17.0.1", "reaccionar-nativo": "0.64.3",
const Posts = () => { const isDarkMode = useColorScheme() === 'dark' const [search, setSearch] = useState('') const [refresh, setRefresh] = useState(false); const handleOnEndReach = () => { } const handleRefresh = () => { setRefresh(true) setTimeout(() => { setRefresh(false) }, 3000) } return ( <TouchableWithoutFeedback onPress={() => Keyboard.dismiss()} style={{flex: 1, backgroundColor: isDarkMode ? colors.dark.background : colors.light.background}} > <FlatList ListHeaderComponent={() => <TextInput value={search} onChangeText={setSearch} style={{padding: '2.5%'}} keyboardAppearance={isDarkMode ? 'dark' : 'light'} placeholder='Search...' /> } style={{padding: '2.5%'}} onEndReached={handleOnEndReach} onEndReachedThreshold={0.5} refreshControl={ <RefreshControl refreshing={refresh} onRefresh={handleRefresh} tintColor={isDarkMode ? 'white' : 'black'}/> } /> </TouchableWithoutFeedback> ) }use defaultValue en lugar de value, escribiría algo como esto:
function App() { const [input, setInput] = React.useState("") function handleChange(e) { e.preventDefault(); setInput(e.target.value) } return ( <input className="text-input" defaultValue={input} onChange={handleChange(e)}/> ) }