为什么我得到 [object object]

鲁沙布

import React, { Component } from "react";
import { Button, View ,Text ,StyleSheet, FlatList, ScrollView} from "react-native";
import DateTimePicker from "react-native-modal-datetime-picker";
import moment from 'moment'
import addDays from 'date-fns/addDays'
import Modal from 'react-native-modal';

export default class MExample extends Component {
  constructor(props) {
    super(props);
    this.state = {
      list: [],
      day:[],
      isDateTimePickerVisible: false,
      choseDate:'',
      visibleModal: false,
      lists:''
    };
  }


  showDateTimePicker = () => {
    this.setState({ isDateTimePickerVisible: true });
  };

  hideDateTimePicker = () => {
    this.setState({ isDateTimePickerVisible: false });
  };

  handleDatePicker = ( date ) => {
    // console.log("A date has been picked:", date); here date come correctly
    this.setState ({
      choseDate: 'Subscription start date ' + moment(date).format('MMMM, Do YYYY '),
    })
    this.hideDateTimePicker();
  };

  hideListPicker = () => {
    this.setState({ visibleModal: null ,list:[] });
  }; 

  handleListPicker = ( list ) => {
    console.log(list.toString()) 

    this.setState ({
      lists: 'list of start dates ' + list
    })
    this.hideListPicker();
  };

 
  getListViewItem = (item) => {
      let newList = this.state.list;
      if (newList.includes(item)) {
        let index = newList.indexOf(item);
        newList.splice(index,1);
        } else {
        newList.push(item);
      }
      this.setState({
        list: newList,
      });
 }

  renderModalContent = () => (
    <View>  
      <Text style={styles.textBox} onPress={this.showDateTimePicker}>Select Date</Text>    
        <DateTimePicker
          isVisible={this.state.isDateTimePickerVisible}
          onConfirm={this.handleDatePicker}
          onCancel={this.hideDateTimePicker}
          minimumDate = {new Date()}
          maximumDate = {addDays(new Date(), 30)}
            />
      
    <View style = {{backgroundColor:'white'}}>
            <View>
              <FlatList horizontal={true} 
                  data = {[{day: '1'},{day: '2'}, {day: '3'},{day: '4'}, {day: '5'},{day: '6'},{day: '7'}]}
                  renderItem={({item, index}) =>
                      <Text style={styles.textBox} key={index}
                            onPress={this.getListViewItem.bind(this, item.day)}>{item.day}
                      </Text>}
              />
              
                <ScrollView
                  style = {{marginHorizontal: 20}} 
                  horizontal={true}
                > 
                  {
                  this.state.list.map((l, index) => {
                      return(
                     index !== this.state.list.length - 1 ? <Text style={{fontSize:30, color:'red'}}>{l}, </Text> : <Text style={{fontSize:30, color:'red'}}>{l}</Text>
                      )
                    })
                  }
                </ScrollView>
                </View>
           </View>
      <Button
      onPress={this.handleListPicker}
        title="Submit"
      />
    </View>
  );

  render() {
     return (
        <>
       <Text style={{fontSize:20}}>Frequency</Text>
            <View style={styles.container} >
                <Text style={styles.textBox}  onPress={() => this.setState({ visibleModal: 'default' })}>Weekly </Text>
              </View>
              <Text style={{fontSize:20, color:'black', textAlign:'center'}}>{this.state.choseDate} </Text>
              <Text style={{fontSize:20, color:'black', textAlign:'center'}}>{this.state.lists} </Text>

           <Modal isVisible={this.state.visibleModal === 'default'} 
             onBackButtonPress={() => this.setState({ visibleModal: null, list:[] },  )}>
             {this.renderModalContent()}
           </Modal> 
         </>
    );
  }
}

const styles = StyleSheet.create({
  container:{
    flexDirection:'row', 
    flexWrap:'wrap',
    justifyContent:'center',
  },
  textBox :{
    fontSize:20,
    textAlign:'center',  
    borderWidth: 1,
    borderRadius: 12,
    borderColor: "#CBCBCB",
    margin:10,
    padding:5,
    backgroundColor:'#a0a3a3'
  },
});

我在这里创建了模态用户选择日期列表,提交后我在 setState 中清除列表为什么我进入[object object]控制台

 export default class MExample extends Component {
   constructor(props) {
     super(props);
      this.state = {
         list: [],
         visibleModal: false,
         lists: ''
      };
    }

 hideListPicker = () => {
   this.setState({ visibleModal: null ,list:[] });
  }; 

 handleListPicker = ( list ) => {
  console.log(list.toString()) 
  // [object objcet]

  this.setState ({
     lists: 'list of start dates ' + list
   })
  this.hideListPicker();
 };

 render(){
   return( 
    // jsx <Text>{this.state.lists} </Text> // [object object]

   <Button onPress={this.handleListPicker}
    title="Submit"
  />
  )
}
黑曼巴

使用 JSON.stringify 代替 .toString 这个问题可能会帮助你使用 toString() 与 JSON.stringify() 相比有什么区别?了解差异

let x = {a: 123, b: 321};
console.log("toString", x.toString());
console.log("stringified", JSON.stringify(x));

如果您有一个圆形 JSON,您可能想访问如何以类似 JSON 的格式打印圆形结构?了解如何控制此类 JSON

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

为什么我得到[object object]而不是JSON?

来自分类Dev

为什么我得到 [object Object] javascript JSON 文件

来自分类Dev

为什么我会得到这个 [object HTMLInputElement]?

来自分类Dev

为什么我会得到 [object Promise]

来自分类Dev

为什么我得到 System.NullReferenceException: Object reference not set to an instance of an object?

来自分类Dev

访问JSON数据后为什么会得到[object Object]?

来自分类Dev

为什么我的数组变成[object object]

来自分类Dev

为什么我得到Object不支持mailitem属性SenderEmailAddress的信息?

来自分类Dev

为什么我会得到这个 TypeError: 'int' object is not iterable

来自分类Javascript

{} + []-为什么是0或[object Object]?

来自分类Dev

为什么我得到“ ValueError:数据类型<class'numpy.object _'>不精确”的信息。在使用polyfit函数时?

来自分类Dev

为什么我的 axios GET 请求会收到 [object Object]?

来自分类Dev

为什么我的JSON文件包含[object Object]?

来自分类Dev

为什么 react 将我的状态变成 [object object]

来自分类Dev

为什么`Object() === new Object()` 等于`false`?

来自分类Dev

为什么在JavaScript中使用Object()!= Object()?

来自分类Java

为什么我将SAXparseException“元素类型必须声明”,即使将XML文件加载到Properties Object时也得到了声明?

来自分类Dev

为什么Object.prototype.toString返回[object Object]

来自分类Javascript

为什么[object Object]两次提到“ object”?

来自分类Dev

为什么Arrays.binarySearch(Object [],Object)需要Object args?

来自分类Dev

BabelPluginRelay:预期插件上下文包含“类型”,但从 1.1.0 升级到 1.4.1 时得到:[object Object]。为什么?

来自分类Dev

为什么我在我的 html 中看到 [object object] 而不是表格的内容?

来自分类Dev

尝试将Object添加到NSMutableArray时为什么会得到SIGABRT

来自分类Dev

为什么我的Vertex Buffer Object出现访问冲突错误?

来自分类Dev

为什么我不能在Swift中使用'object == nil'?

来自分类Dev

为什么在Object.assign之后我的计算属性无效?

来自分类Dev

为什么我的脚本会引发 TypeError: 'int' object is not subscriptable

来自分类Dev

为什么我的 Javascript 代码中出现 [object HTMLInputElement]?

来自分类Dev

为什么我收到 TypeError: 'int' object is not iterable

Related 相关文章

  1. 1

    为什么我得到[object object]而不是JSON?

  2. 2

    为什么我得到 [object Object] javascript JSON 文件

  3. 3

    为什么我会得到这个 [object HTMLInputElement]?

  4. 4

    为什么我会得到 [object Promise]

  5. 5

    为什么我得到 System.NullReferenceException: Object reference not set to an instance of an object?

  6. 6

    访问JSON数据后为什么会得到[object Object]?

  7. 7

    为什么我的数组变成[object object]

  8. 8

    为什么我得到Object不支持mailitem属性SenderEmailAddress的信息?

  9. 9

    为什么我会得到这个 TypeError: 'int' object is not iterable

  10. 10

    {} + []-为什么是0或[object Object]?

  11. 11

    为什么我得到“ ValueError:数据类型<class'numpy.object _'>不精确”的信息。在使用polyfit函数时?

  12. 12

    为什么我的 axios GET 请求会收到 [object Object]?

  13. 13

    为什么我的JSON文件包含[object Object]?

  14. 14

    为什么 react 将我的状态变成 [object object]

  15. 15

    为什么`Object() === new Object()` 等于`false`?

  16. 16

    为什么在JavaScript中使用Object()!= Object()?

  17. 17

    为什么我将SAXparseException“元素类型必须声明”,即使将XML文件加载到Properties Object时也得到了声明?

  18. 18

    为什么Object.prototype.toString返回[object Object]

  19. 19

    为什么[object Object]两次提到“ object”?

  20. 20

    为什么Arrays.binarySearch(Object [],Object)需要Object args?

  21. 21

    BabelPluginRelay:预期插件上下文包含“类型”,但从 1.1.0 升级到 1.4.1 时得到:[object Object]。为什么?

  22. 22

    为什么我在我的 html 中看到 [object object] 而不是表格的内容?

  23. 23

    尝试将Object添加到NSMutableArray时为什么会得到SIGABRT

  24. 24

    为什么我的Vertex Buffer Object出现访问冲突错误?

  25. 25

    为什么我不能在Swift中使用'object == nil'?

  26. 26

    为什么在Object.assign之后我的计算属性无效?

  27. 27

    为什么我的脚本会引发 TypeError: 'int' object is not subscriptable

  28. 28

    为什么我的 Javascript 代码中出现 [object HTMLInputElement]?

  29. 29

    为什么我收到 TypeError: 'int' object is not iterable

热门标签

归档