Nuevo en React Native y JS en su conjunto. Estoy tratando de aprender a establecer el estado y trabajar con clases. ¿Cómo establezco el value en el valor modificado del componente <RangeSlider> ?
Obteniendo este error: ReferenceError: value is not defined
Gracias por la ayuda de antemano y disculpas por la pregunta de novato. Si pudiera obtener una descripción o explicación sobre las diferentes formas de manejar el alcance de las variables y la manipulación, sería apreciada.
class App extends React.Component { constructor(props) { super(props); this.state = { value: 0 }; } render() { return( <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}> <Form> <Form.Group> <Form.Label> Mood </Form.Label> <RangeSlider value={this.state.value} onChange={this.setState(value)} min={1} max={5}/> </Form.Group> </Form> </View> ); } }Cuando haces setState , tienes que pasar un objeto, y cuando tienes un onChange necesitas pasar una función, por lo que probablemente quieras
onChange={(e) => this.setState({value: e.target.value})}o
onChange={(value) => this.setState({value})} dependiendo de lo que RangeSlider devuelva en su función onChange (el evento o solo el valor) y debería estar listo para comenzar