React列表渲染怎么设置默认值？

Question

要渲染一个列表。父组件传下来一个data。
子组件接收，要用到data的thumbnail字段。
但是有一个data的thumbnail字段为null。导致没法渲染。
能不能给它赋一个默认值呢？

求指教。麻烦知道怎么操作的指教一下。谢谢。

Answer 1

这个需要用到智能组件，也就是类组件。可以指定props的初始值。

• 写在类里面

class Demo extends Component {
    static defaultProps {
        // 默认的props
    }
}

• 写在类外面

class Demo extends Component {
   // something
}
Demo.defaultProps = {
 // default props
}