在Reactjs中的defaultProps中定义变量 类表扩展组件{ render(){ 返回( {props.cal_months} ) } } 表1.defaultProps={ 计算日:[星期一、星期二、星期三、星期四、星期五、星期六]; 计算月份:[一月、二月、三月、四月], “五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”]; daysinmonth:[31,28,31,30,31,30,31,31,30,31,30,30,31]; 当前:新日期(); };

在Reactjs中的defaultProps中定义变量 类表扩展组件{ render(){ 返回( {props.cal_months} ) } } 表1.defaultProps={ 计算日:[星期一、星期二、星期三、星期四、星期五、星期六]; 计算月份:[一月、二月、三月、四月], “五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”]; daysinmonth:[31,28,31,30,31,30,31,31,30,31,30,30,31]; 当前:新日期(); };,reactjs,Reactjs,我正在制作一个日历应用程序。我想定义这些变量。这是在defaultProps中执行此操作的正确方法吗?是的,您可以在defaultProps中定义这些值,但如果将这些值定义为同一组件或单独文件中的常量变量,则效果会更好,因为defaultProps将只分配默认值,这意味着值将被更改(覆盖)如果您在道具中传递任何更新的值 检查此示例: 类表扩展了React.Component{ render(){ 返回( {this.props.cal_months} ) } } 表1.defaultProps

我正在制作一个日历应用程序。我想定义这些变量。这是在defaultProps中执行此操作的正确方法吗?

是的,您可以在
defaultProps
中定义这些值,但如果将这些值定义为同一组件或单独文件中的常量变量,则效果会更好,因为
defaultProps
将只分配默认值,这意味着值将被更改(覆盖)如果您在道具中传递任何更新的值

检查此示例:

类表扩展了React.Component{
render(){
返回(
{this.props.cal_months}
)
}
}
表1.defaultProps={
计算日:[星期一、星期二、星期三、星期四、星期五、星期六],
计算月份:[一月、二月、三月、四月],
“五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”],
daysinmonth:[31,28,31,30,31,30,31,31,30,31,30,31],
当前日期:新日期(),
};
ReactDOM.render(,document.getElementById('app'))

class Table extends Component{
  render(){
     return(
        <h2>{props.cal_months}</h2>
     )
   }
}

Table.defaultProps = {
   cal_days :['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
   cal_months : ['Jan', 'Feb', 'March', 'April',
                 'May', 'June', 'July', 'August', 'Sept', 'Oct', 'Nov', 'Dec'];
   daysinmonth : [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
   curr : new Date();
};