React Native中为TextInput的defaultValue传函数不生效如何解决？

• TextInput 的 defaultValue 属性要求传入字符串类型值，不支持传入函数。你当前写的箭头函数会被直接当做函数对象处理，组件不会自动执行函数获取返回值，因此无法展示预期的默认内容。
• 你写的箭头函数本身也存在返回值缺失问题：使用花括号{}包裹逻辑时没有显式写return，就算是支持函数入参的属性，也无法拿到你想要的判断结果。

静态默认值场景（默认值仅在组件初始化时赋值，后续不会变更） #

直接去掉外层的箭头函数包裹，把三元判断直接写在属性赋值位置即可：

// 原逻辑写法
defaultValue={metadata[1][0] ? metadata[1][0] : ""}

// 更健壮的简化写法，避免metadata层级不存在时报错
defaultValue={metadata?.[1]?.[0] ?? ""}

动态值场景（默认值后续可能跟随业务逻辑变更） #

defaultValue 仅会在组件首次渲染时生效，后续修改该属性的值不会更新输入框内容，这种情况需要用受控组件写法：

// 声明状态存储输入框内容
const [inputVal, setInputVal] = useState(metadata?.[1]?.[0] ?? "");

// TextInput绑定状态
<TextInput
  value={inputVal}
  onChangeText={setInputVal}
/>

内容的提问来源于stack exchange，提问作者Rihab sabri