Welcome to Jonic Developer Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
363 views
in Technique[技术] by (71.8m points)

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

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
`


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)
const cardStyle = {
  width:this.props.width||'100px',
}

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to Jonic Developer Community for programmer and developer-Open, Learning and Share
...