javascript - this.props.Values 未定义

Question

我有一个关于页面的问题。特别是我有这个价值：this.props.CategoriesList这是一个关于某些类别的列表。我注意到，如果我单击一个将我带到使用它的页面的按钮，则此值为undefined. 而如果我刷新页面，则会填充此值。你知道当我访问那个页面时我该怎么做才能等到这个值被填充？

{
    constructor(props){
        super(props);
        this.state = {}
    }

    render()
    {
        const $Sender = $formConfig['$Sender']

        return(
            <Column col={'12'} className="my-4">
                <Row>
                    <Column col="12">
                        <Row>
                        <Column col={'md-12'}>
                        <Column col={'12'} className="mb-2" style={{padding: 20, border: '1px dotted #f5f5f5'}}>
                                    <Row>
                                        {
                                            $Sender.map((field, i) => {
                                                return(
                                                    <Column key={`$Sender_${i}`} col={field.col} m="b-3">
                                                        <Field {...field} component={this.props.preview ? Fields.ReadOnly : field.component} />
                                                    </Column>
                                                )
                                            })
                                        }
   //I used it there
                                        {
                                            this.props.CategoriesList && this.props.CategoriesList.length >0 &&
                                            <DataLinesAssociazioni CategoriesList={this.props.CategoriesList} formName={$formConfig.FORM_NAME} />
                                        }
                                    </Row>
                                </Column>
                            </Column>
                        </Row>
                    </Column>
                </Row>
            </Column>
        )
    }

}

编辑：家长：

_renderBtns(C)
  {
    return(
      <Row_DropDown id={C.Code}>

        <React.Fragment>
          <li>
            <A
              className="btn btn-link btn-sm mb-3"
              href={{ pathname: `${RoutesIT.products_edit}/${this.props.current._id}`}}>
              { 'Edit' }
            </A>
          </li>

标签： javascriptreactjs

Answer 1

喜欢

 return(
   {
   typeof this.props!=="undefined" && <Column col={'12'} className="my-4">
            <Row> ...//Rest of code
   }
)