在React中没有按钮的情况下从2个TextBoxes添加值

import React, { useState } from 'react';

function MyComponent() {
  const [value1, setValue1] = useState('');
  const [value2, setValue2] = useState('');

  // 其他组件代码...

  return (
    <div>
      <input
        type="text"
        value={value1}
        onChange={(e) => setValue1(e.target.value)}
      />
      <input
        type="text"
        value={value2}
        onChange={(e) => setValue2(e.target.value)}
      />
    </div>
  );
}

import React, { useState, useEffect } from 'react';

function MyComponent() {
  const [value1, setValue1] = useState('');
  const [value2, setValue2] = useState('');

  useEffect(() => {
    console.log('Value 1:', value1);
    console.log('Value 2:', value2);
  }, [value1, value2]);

  // 其他组件代码...

  return (
    <div>
      <input
        type="text"
        value={value1}
        onChange={(e) => setValue1(e.target.value)}
      />
      <input
        type="text"
        value={value2}
        onChange={(e) => setValue2(e.target.value)}
      />
    </div>
  );
}