मैं मूल निवासी प्रतिक्रिया में स्लाइडर और अन्य बुनियादी घटकों सीखना शुरू कर रहा हूँ। मैं टर्मिनल में स्लाइडर के वर्तमान मूल्य को प्रिंट करना चाहता हूं। मैंने अलग-अलग जगहों पर console.log() डालने की कोशिश की, लेकिन मुझे नहीं पता था कि मैं क्या कर रहा हूं और मुझे त्रुटियां मिलीं।

import React, { Component } from 'react';
import { Slider, View, Text } from 'react-native';

export default class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      sliderValue: "0",
    };
  }

  render() {
    return (
      <View
        style={{
          flex: 1,
          padding: 20,
          justifyContent: "center",
          backgroundColor: "#ecf0f1",
        }}>
        <Text style = {{ color: "black" }}>
          Value of this slider is : {this.state.sliderValue}
        </Text>
        <Slider
          maximumValue = {10}
          minimumValue = {0}
          step = {1}
          value = {this.state.sliderValue}
          onValueChange = {sliderValue => this.setState({ sliderValue })}
        />
      </View>
    );
  }
}
1
CircleMisty 29 मार्च 2020, 18:56

1 उत्तर

सबसे बढ़िया उत्तर

ठीक है, आपके पास यहां कई विकल्प हैं, मैं आपको 2 दूंगा। आप बस अपनी रेंडर विधि में लॉग को कंसोल कर सकते हैं

render() {
  console.log(this.state.sliderValue);
  //the reset of your code
}

या आप इसे सेटस्टेट कॉल के साथ इनलाइन कर सकते हैं

onValueChange = {sliderValue => console.log(sliderValue) || this.setState({ sliderValue })}
0
Edgar Henriquez 29 मार्च 2020, 16:57