Question

我的孩子组件在

之下

<button class="button" [disabled]="btnState" (click)="function('val1')"> button 1</button>
<button class="button" [disabled]="btnState" (click)="function('val2')"> button 2</button>
<button class="button" [disabled]="btnState" (click)="function('val3')"> button 3</button>
<button class="button" [disabled]="btnState" (click)="function('val4')"> button 4</button>

我父母是

export default function PickerList    ({headingText,listData,hideView,finalpickedItem,onItemSelected,selected} ) {
         const {modalHolder,modalHeader,modalHeaderText,modalBody,PerListView,PerListVie wText,okCancel,okCancelHolder,PerListViewActive,
     } = styles;

      return(
        <View style={modalHolder}>
          <View style={modalHeader}>
            <Text style={modalHeaderText}>{headingText}</Text>
          </View>
          <View style={modalBody}>
            <FlatList data={listData} renderItem={({item , index}) =>
                <TouchableOpacity
                onPress={() => {
                    {headingText === 'name'?
                      onItemSelected(item.name)
                    : headingText === 'Time' ?
                      onItemSelected(item.time)
                    : headingText === 'Property'
                      onItemSelected(item.property)
                    }
                  }}
                  style={{width:'100%',}}
                  >
                  <View
                    style={
                      selected===item.name ? PerListViewActive : PerListView > // here i am not getting active hot reload making it active
                    <Text style={PerListViewText}>
                    {item.name }
                  </Text></View>
                </TouchableOpacity>
              }
            keyExtractor={(item, index) => index.toString()}
            />
          </View>
        </View>
      );
    };

    PickerList.propTypes = {
      onItemSelected: PropTypes.func.isRequired,
    };

问题是“选择”不工作每件事情都工作正常..选择工作但热重新加载后。我可以重新渲染模块吗？状态正在更新，但它没有激活。

Answer 1

我发现我的答案非常好。

extraData = {this.state}

Active未更新。在热重新加载后，它是活动的原生反应

1 个答案: