react+ts 如何设置组件默认值？

Question

react+ts 如何设置组件默认值？ 比说我的 width 当外面不传的时候想设置位100
`
import React, { Component } from 'react'
import './card.scss'

export interface Props {
title: String,
width?:String,
icon?: String
}
class Card extends Component<Props>{
render() {

const cardStyle = {
  width:this.props.width
}

return (
  <div className='card-content' style={cardStyle}>
    <div className="card-title">
      <div className="card-title-icon"></div>
      <div className="card-title-text">{this.props.title}</div>
    </div>
    {this.props.children}
  </div>
)

}

}

export default Card
`

Answer 1

const cardStyle = {
  width:this.props.width||'100px',
}

Answer 2

https://stackoverflow.com/a/3...
defaultProps