控制台.log组件内部<ErrorMessage>

Question

通常，Formik的<ErrorMessage>标签就是这样使用的：

<ErrorMessage
name="email"
render={(msg) => (
<Text style={styles.errorText}>
{msg}
</Text>
)}
/>

有什么方法可以console.log并从中查看错误消息吗？我试着制作一个单独的函数来打印，但用它代替<Text>不起作用。我有其他选择吗？

Answer 1

试试这个

<ErrorMessage
name="email"
render={(msg) => {
console.log(msg);
return <Text style={styles.errorText}>{msg}</Text>;
}}
/>;

Answer 2

根据REACT，"最后它的所有javascript">，

所以，你可以试试这个：

{(msg) => {
console.log(msg); // <----- HERE
return (<Text style={styles.errorText}>
{msg}
</Text>)
}}

Answer 3

最常用的方法是调用console.log()并将or运算符与Text组件一起使用。这将调用console.log并呈现组件——由于日志记录返回undefined，因此将始终执行第二条语句。

<ErrorMessage
name="email"
render={
(msg) => console.log(msg) || <Text style={styles.errorText}>{msg}</Text>
}
/>