用的react函数式组件。
本身没有state,我就用了钩子技术——useState。
可以用[state,setState]=useState()的形式,通过setState给state赋值。
但是碰到一个问题,由于我的父组件是从服务器取数据,在取到数据之后,通过setState()方法,将数据给到state。
这个给的过程是异步的。
导致我在传值的时候没法直接传值给子组件(直接传state的结果就是得到一个props的未定义的属性)。
这个时候,就需要通过条件渲染来解决问题了。
{state!==undefined&&
千万不要直接写
下面这段抄的react官方文档:
因为在 JavaScript 中,true && expression 总是会返回 expression, 而 false && expression 总是会返回 false。
因此,如果条件是 true,&& 右侧的元素就会被渲染,如果是 false,React 会忽略并跳过它。