第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

退出時(shí)重置輸入值

退出時(shí)重置輸入值

紫衣仙女 2022-07-21 10:36:34
我在我的應(yīng)用程序中使用本機(jī)基本輸入字段,如下所示:const [startingPoint, setStartingPoint] = useState('');const [endingPoint, setEndingPoint] = useState('');<Input  placeholder="My Input Value"  onChangeText={text => setEndingPoint(text)}  value={endingPoint}/>這些值包含在 View 和 Modals 中。不是任何形式。輸入功能本身可以正常工作。但是,當(dāng)我退出頁面(如在我的應(yīng)用程序中單擊返回或取消)并返回時(shí),我之前在字段中寫入的值仍然存在。每次退出頁面時(shí)有什么方法可以重置它們嗎?這就是我的模態(tài)的樣子:export const JourneyDetailsPage: React.FunctionComponent<JourneyDetailsPageProps> = ({  toggleShowPage,  showJourneyDetailsPage,}) => {  const [startingPoint, setStartingPoint] = useState('');  const [endingPoint, setEndingPoint] = useState('');  const [showAvailableTripsPage, setShowAvailableTripsPage] = useState(false);  const toggleAvailableTripsPage = () => {    setShowAvailableTripsPage(showAvailableTripsPage ? false : true);  };  return (    <Modal      visible={showJourneyDetailsPage}      animationType="slide"      transparent={true}>      <SafeAreaView>        <View style={scaledJourneyDetailsStyles.container}>          <View style={scaledJourneyDetailsStyles.searchTopContainer}>            <View style={scaledJourneyDetailsStyles.searchTopTextContainer}>              <Text                onPress={toggleShowPage}>                Cancel              </Text>              <Text>                Location              </Text>              <Text>                Done              </Text>            </View>            <View>              <Item rounded style={scaledJourneyDetailsStyles.searchField}>                <Icon                  name="map-marker"                  color="green"                />                <Input                  placeholder="Start"                  onChangeText={text => setStartingPoint(text)}                  value={startingPoint}
查看完整描述

1 回答

?
交互式愛情

TA貢獻(xiàn)1712條經(jīng)驗(yàn) 獲得超3個(gè)贊

Modal 隱藏后仍然掛載,因此數(shù)據(jù)仍然會(huì)在狀態(tài)中浮動(dòng)。


您可以做的是使用 Effect 以u(píng)seEffect在 Modal 隱藏時(shí)重置狀態(tài),“觀察”showJourneyDetailsPage狀態(tài),例如:


useEffect(() => {

  if (showJourneyDetailsPage) return; // If shown, do nothing


  setStartingPoint('');

  setEndingPoint('');

  // ...

}, [showJourneyDetailsPage]);


查看完整回答
反對(duì) 回復(fù) 2022-07-21
  • 1 回答
  • 0 關(guān)注
  • 118 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)