esto es muy básico, pero soy nuevo en JS y nuevo en React, necesito algunos consejos sobre lo que estoy haciendo mal. Tengo componentes de Slider que me gustaría cambiar, y me gustaría reflejar/almacenar el nuevo valor del Slider en el estado de la clase. ¿Cómo debería estar escribiendo esto?
me sale este error:
TypeError: Cannot read properties of undefined (reading 'value')Ejemplo de código a continuación:
import React from 'react'; import { Text, View, Button } from 'react-native'; import Slider from '@react-native-community/slider'; import { TextInput } from 'react-native-paper'; class App extends React.Component { constructor(props) { super(props); this.state = { value1: 1 }; } render() { return( <View> <Text>Slider</Text> <Slider value={this.state.value1} onValueChange={(e) => this.setState({value1: e.target.value})} minimumValue={1} maximumValue={5} step={1}/> </View> ); } } export default App;no hay una propiedad de estado de ánimo en su código, le recomiendo que trabaje con componentes funcionales en lugar de componentes de clase para poder usar ganchos y hacer que su código sea más limpio y legible. para obtener más información, consulte Componentes funcionales de React VS Componentes de clase
Revisé su código, ahora actualiza el estado de value1 cada vez que se mueve el control deslizante:
import React from 'react'; import { Text, View, Button } from 'react-native'; import Slider from '@react-native-community/slider'; import { TextInput } from 'react-native-paper'; const App = (props) =>{ const [value1 , setValue1] = React.useState(1) return( <View> <Text>The value is : {value1}</Text> <Slider value={value1} onValueChange={setValue1} minimumValue={1} maximumValue={5} step={1}/> </View> ); } export default App;No hay propiedad de estado de ánimo en su código. Entonces es indefinido.