活动没有更新.热重新加载后，它是活跃的反应天然

Question

我的孩子组件低于

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,
    };

我的父母是

onMenuItemSelected = item => {
      console.log(item); // i am getting here selected item
      this.setState({ commonSelected: item }); // i am getting final state also.
  }
<PickerList
  headingText="Property"
  listData = {this.state.property_type_options}
  hideView = {()=>{this.hideView()}}
  finalpickedItem = {()=>{this.finalpickedItem()}}
  onItemSelected={this.onMenuItemSelected}
  selected = {this.state.commonSelected} /// i have final value here also
/>

问题是"选择"的，不起作用的每个事情都可以正常工作。选择工作，但是在进行热加载之后。我可以重新渲染模块吗？状态更新良好，但没有活动。

Answer 1

我发现我的答案非常好。

terpradata = {this.state}