当检查另一个输入时，如何根据一个输入更改该值？React钩子

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

function MyComponent() {
  const [inputValue, setInputValue] = useState('');
  const [otherInputValue, setOtherInputValue] = useState('');

  useEffect(() => {
    // 监听另一个输入的变化
    // 根据另一个输入的值来更改该值
    if (otherInputValue === 'someValue') {
      setInputValue('newValue');
    } else {
      setInputValue('defaultValue');
    }
  }, [otherInputValue]);

  return (
    <div>
      <input
        type="text"
        value={inputValue}
        onChange={(e) => setInputValue(e.target.value)}
      />
      <input
        type="text"
        value={otherInputValue}
        onChange={(e) => setOtherInputValue(e.target.value)}
      />
    </div>
  );
}

export default MyComponent;