反應機自定義的TextInput onchangeText不工作

這是基於你的問題，你的意見，我認爲你是傳遞錯誤的屬性我的模板代碼反應機自定義的TextInput onchangeText不工作

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

const InputT = ({ label , inputvalue, ipOnChangeText, placeholder , secureTextEntry}) => { 
    const {inputStyle, labelStyle, containerStyle} = styles; 
    return(
     <View style = {containerStyle}> 
      <Text style= {labelStyle} >{label}</Text> 
      <TextInput 
       secureTextEntry={secureTextEntry} 
       autoCorrect={false} 
       placeholder={placeholder} 
       style= {inputStyle} 
       value = {inputvalue} 
       onChangeText = {ipOnChangeText} 
      /> 
     </View> 
    ); 
} 

const styles ={ 
    inputStyle:{ 
     color: '#333', 
     fontSize: 16, 
     lineHeight: 23, 
     borderBottomColor: '#333', 
     borderBottomWidth: 0.5, 
     fontFamily: 'System', 
    }, 
    labelStyle:{ 
     fontSize: 18, 
     color: '#737373', 
     paddingBottom: 10, 
     fontFamily: 'System', 
    }, 
    containerStyle:{ 
     flexDirection: 'column', 
     marginTop: 10, 
     marginBottom: 10 
    } 
} 
export { InputT };

來源

2017-08-31 Ranjeet

我固定的格式屬性的名稱。下次請自己做。對你來說，描述一下你希望這個代碼會發生什麼，更具體地說它是如何被破壞，會更好。 – Brick

你會得到任何錯誤？ –

是我得到的錯誤。當我把這個模板我們的登錄表單都不錯，但onChangeText事件不工作。這裏是我的代碼=> this.setState（{teamsize}）} /> – Ranjeet

。您的登錄表單更改爲：

<InputT 
    label= "Team Size" 
    placeholder= "eg:10" 
    value = {this.state.teamsize} 
    ipOnChangeText = {teamsize => this.setState({ teamsize })} 
/>

注意我是如何改變onChangeText爲ipOnChangeText這是您的InputT組件期待

來源

2017-08-31 13:53:52

非常感謝你這是工作 – Ranjeet

反應機自定義的TextInput onchangeText不工作

回答

相關問題