Блог

Это мой карточный компонент. эту карту я хочу назвать основным компонентом

 const CardQuestions = (props) =gt; {  const [value, setValue] = useState(0);   return (  lt;View style={styles.componentContainer}gt;   lt;View style={styles.number}gt;  lt;Text style={styles.h1}gt;{props.id}lt;/Textgt;  lt;/Viewgt;  lt;View style={styles.contentContainer}gt;  lt;View style={styles.questionContainer}gt;  lt;Text style={styles.h1}gt;{props.title}lt;/Textgt;  lt;/Viewgt;  lt;View style={styles.sliderContainer}gt;  lt;View style={styles.titleSliderContainer}gt;  lt;Text style={styles.h3}gt;Tidak Pentinglt;/Textgt;  lt;Text style={styles.h3}gt;Pentinglt;/Textgt;  lt;/Viewgt;  lt;View style={styles.slider}gt;  {/* Slider */}  lt;Slider  value={value}  step={1}  minimumValue={0}  maximumValue={100}  onValueChange={(val) =gt; setValue(val)}  onSlidingComplete={() =gt; props.getData(value),props.selectedId}    /gt;   lt;/Viewgt;  lt;/Viewgt;  lt;View style={styles.pointContainer}gt;  lt;View style={styles.inputPoint}gt;  lt;Textgt;{value}lt;/Textgt;  {/* lt;TextInput   value={value}  onChangeText={val =gt; setValue(0)}  // need handle ASYNCSTORAGE  /gt; */}  lt;/Viewgt;  lt;TouchableOpacity onPress={() =gt; setValue(0)}gt;  lt;Text style={styles.h2}gt;Clearlt;/Textgt;  lt;/TouchableOpacitygt;  lt;/Viewgt;  lt;/Viewgt;  lt;/Viewgt;  ); };  

и это моя главная составляющая

 lt;Viewgt;  lt;View style={styles.container}gt;  lt;FlatList  keyExtractor={(item) =gt; item.id}  data={data}  renderItem={({ item, index }) =gt; {   const getData = (val) =gt; {  setHasil(val)  }  console.log(selectedId)  return (  lt;ScrollView style={styles.contentScoringContainer} gt;  lt;CardQuestions getData={getData} id={item.id} title={item.title} value={item.value} selectedId={() =gt; setSelectedId(item.id)} /gt;  lt;/ScrollViewgt;  )  }}  extraData={selectedId} /gt;  lt;/Viewgt;  

здесь я хочу вызвать props.getData(значение) и props.selectedId, но только один из них может быть использован как полный. Если кто-то может мне помочь, это так полезно для меня, чтобы закончить мой проект

Это то, что вы ищете.

 lt;Slider  value={value}  step={1}  minimumValue={0}  maximumValue={100}  onValueChange={(val) =gt; setValue(val)}  onSlidingComplete={() =gt; {  props.getData(value);  props.selectedId();  }  }  /gt;