Breaking News: Grepper is joining You.com. Read the official announcement!

reactnative handle multiple Textinput (Curried function)

Amused Anaconda answered on March 25, 2023 Popularity 2/10 Helpfulness 1/10

answer reactnative handle multiple Textinput (Curried function)

reactnative handle multiple Textinput (Curried function)

Comment

handle multiple textinput, curried function, react / react native,

export const initState = {
  name: '',
  email: '',
  address: '',
};

 const [form, setForm] = useState(initState);
 const handleFormInputs = (key) => (value) => {
    setForm({...form, [key]: value});
  };
		  <TextInput
            keyboardType="default"
            style={styles.textInputStyle}
            value={form.name}
            onChangeText={handleFormInputs('name')}
            placeholder="Name"
          />  
		  <TextInput
            keyboardType="email-address"
            style={styles.textInputStyle}
            value={form.email}
            onChangeText={handleFormInputs('email')}
            placeholder="Email Address"
 		  />
          <TextInput
            textAlignVertical="top"
            multiline
            keyboardType="default"
            style={styles.addressTextInputStyle}
            value={form.address}
            onChangeText={handleFormInputs('address')}
            placeholderTextColor="black"
            placeholder="Address"
          />
                          
const styles = StyleSheet.create({
	textInputStyle: {
    color: 'black',
    paddingHorizontal: 5,
    marginVertical: 10,
    paddingVertical: 2,
    height: 25,
    width: '60%',
    borderColor: 'gray',
    borderWidth: 1,
    placeholderTextColor: 'gray',
  },
  addressTextInputStyle: {
    color: 'black',
    paddingHorizontal: 5,
    paddingRight: 10,
    paddingVertical: 5,
    height: 80,
    width: '60%',
    borderColor: 'gray',
    borderWidth: 1,
    placeholderTextColor: 'gray',
  }
})

Popularity 2/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: handle javascript react-native textinput

Link to this answer
Share Copy Link

Contributed on Mar 25 2023

Amused Anaconda

0 Answers Avg Quality 2/10

reactnative handle multiple Textinput (Curried function)

Contents

More Related Answers

reactnative handle multiple Textinput (Curried function)

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.