Save input value (email) into a text file in Reactjs

Viewed 21

I just want ask is there any way to save input form value (email in my case) in to a text file just using Reactjs? Thank you guys.

Here is code for the submit form:

        <form
          onSubmit={handleSubmit}
          className='flex flex-col 1440:flex-row'
        >
          <div className='w-full 1024:w-[320px]'>
            <TextField
              id='outlined-basic'
              label={
                errorMessage !== '' ? 'Invalid Email' : 'Enter your email'
              }
              variant='outlined'
              size='small'
              value={email}
              onChange={(e) => {
                setEmail(e.target.value);
                setErrorMessage('');
              }}
              fullWidth
              inputProps={{
                style: {
                  fontFamily: 'Open Sans',
                },
              }}
              InputLabelProps={{
                style: {
                  fontSize: 16,
                  fontFamily: 'Open Sans',
                  color: errorMessage !== '' ? '#ff0000' : 'black',
                },
              }}
              error={errorMessage !== '' ? true : false}
            />
            {/* {errorMessage !== '' && (
              <div className='text-[12px] mt-2 text-[#ff0000] font-normal font-OpenSans leading-body-text2'>
                {errorMessage}
              </div>
            )} */}
          </div>

          <button
            type='submit'
            className=' w-full ml-0 mt-4 1440:mt-0 1440:ml-4  1440:w-[120px] relative group overflow-hidden h-10 cursor-pointer text-secondary hover:bg-[#0B1992] active:bg-primary-1 text-body-text1 font-OpenSans font-semibold bg-primary-1 flex items-center justify-center rounded '
          >
            Subscribe
            <span className='absolute w-0 h-0 transition-all duration-500 ease-in-out bg-secondary rounded-full group-active:w-40 group-active:h-40 opacity-10'></span>
          </button>
        </form>

Here is the handle submit function, I need to save the email in order to verify the email that is entered by the user whether this email is used or not.

  const [errorMessage, setErrorMessage] = useState('');
  const [email, setEmail] = useState('');

  function handleSubmit(e) {
    e.preventDefault();
    if (emailRegex.test(email)) {
      setErrorMessage('');
      toast.success('Subscribe successful!');
    } else {
      setErrorMessage('Invalid Email!');
      console.log(emailRegex.test(email));
      toast.error('Subscribe failed');
    }
  }
0 Answers
Related