反应挂钩useState设置不正确

Question

我正在制作一个模态，它从道具中接收到obj（名称和数量），并应显示在输入字段中

export default function EditModal(props) {
  const { isVisible, onToggleModal, itemToBeEdited } = props;
  const obj = itemToBeEdited[0];

  const [ingredientName, setIngredientName] = useState(obj && obj.name);
  const [ingredientQty, setIngredientQty] = useState(obj && obj.qty);
  useEffect(() => {
    setIngredientName(obj && obj.name);
    setIngredientQty(obj && obj.qty);
  }, [itemToBeEdited]);

以上是我的设置方式。现在它可以正确显示默认值，但是我知道setter方法没有正确使用...问题是开始时未定义itemTobeEdited

这是我的文字输入

            <TextInput
              style={styles.input}
              value={ingredientName}
              // onChangeText={}
            />
            <Text>Qty:</Text>
            <TextInput
              style={styles.input}
              value={ingredientQty}
              // onChangeText={}
            />

对我应该尝试的任何建议？ 谢谢！