one state for multiple textInputs

Amused Anaconda answered on December 25, 2022 Popularity 5/10 Helpfulness 4/10

answer one state for multiple textInputs

one state for multiple textInputs

Comment

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

const [form, setForm] = useState(initState);
const handleFormInputs = (key: string) => (value: string) => {
    setForm({...form, [key]: value});
  };

<TextInput
        style={styles.textInputStyle}
        value={form.name}
        onChangeText={handleFormInputs('name')}
        placeholder="Name"
      />
<TextInput
        style={styles.textInputStyle}
        value={form.email}
        onChangeText={handleFormInputs('email')}
        placeholder="Email"
      />
<TextInput
        style={styles.textInputStyle}
        value={form.address}
        onChangeText={handleFormInputs('address')}
        placeholder="Address"
      />

Popularity 5/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: javascript state

Link to this answer
Share Copy Link

Contributed on Dec 25 2022

Amused Anaconda

0 Answers Avg Quality 2/10

one state for multiple textInputs

Contents

More Related Answers

one state for multiple textInputs

Grepper

Documentation

Social

Legal

Contact

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