Как изменить переменную во вводимом тексте, нажав кнопку? React Native - PullRequest
0 голосов
/ 08 апреля 2020

Изображение показывает, что делает код. Я хочу, чтобы текст внутри входного текста изменялся, когда я нажимал кнопку + или -. Как я могу это сделать?

function Cerveja(props) {
const [count,setCount] = useState(0); 
 <View style={{flex: .1}}>
    <Button
        onPress={()=>setless(count*1)}
        title="-"
        color="#841584"
      />
  </View>
    <View style={{flex: 0.11}}>
    <TextInput     
      textAlign={'center'}
      style={{height: 40}}
      placeholder={'0'}
      onChangeText={(count) => setCount(count)}
      keyboardType={'numeric'}
    />
    </View>
    <View style={{flex: .1}}>
      <Button 
          onPress={()=> setCount(count*1+1)}
          title="+"
          color="#841584"
      />
    </View>
    <View style={{flex: .19}}>
      <Text textAlign={'center'}>R$ {parseFloat((count*1*props.price).toFixed(2))}</Text>
    </View>
</View>

ИЗОБРАЖЕНИЕ

Пожалуйста, помогите!

1 Ответ

0 голосов
/ 08 апреля 2020

это может работать для кнопки "+"

onPress={()=> setCount(count+1)}

и для кнопки "-"

onPress={()=> setCount(count-1)}
...