javascript 如何像console.log那样在react-native中显示循环的结果,

c9qzyr3d  于 2022-10-30  发布在  Java
关注(0)|答案(2)|浏览(157)

我遇到了这种情况下的问题。我想打印像console.log在react nativex 1c 0d1x屏幕中所做的那样
`

  1. const dString = text;
  2. const days = 30;
  3. let [day, month, year] = dString.split('/');
  4. // month - 1 as month in the Date constructor is zero indexed
  5. const now = new Date(year, month - 1, day);
  6. let loopDay = now;
  7. for (let i = 0; i <= days; i++) {
  8. loopDay.setDate(loopDay.getDate() + 6);
  9. console.log ('Day: ' + loopDay);
  10. }

这是我的代码,我想在react-native中打印函数的返回,这样循环的结果就可以显示在我的屏幕上了。

pgky5nke

pgky5nke1#

解决方法:

  1. import {View,Text} from 'react-native';
  2. export default function App() {
  3. const ShowDates = () => {
  4. const dString = '29/10/2022';
  5. const days = 30;
  6. let [day, month, year] = dString.split('/');
  7. // month - 1 as month in the Date constructor is zero indexed
  8. const now = new Date(year, month - 1, day);
  9. let loopDay = now;
  10. let tempArray = [];
  11. for (let i = 0; i <= days; i++) {
  12. loopDay.setDate(loopDay.getDate() + 6);
  13. tempArray.push(loopDay);
  14. }
  15. return tempArray;
  16. }
  17. return (
  18. <View style={{flex:1,justifyContent:'center',alignItems:'center',paddingTop:30}}>
  19. {ShowDates()?.map((item,index)=>(
  20. <Text key={index}>Day : {item.toLocaleString()} </Text>
  21. ))}
  22. </View>
  23. );
  24. }

Solution Image
希望能有所帮助😊

展开查看全部
5ssjco0h

5ssjco0h2#

一种方法是将所有循环天数添加到数组中,如下所示:
要增加日期,可以乘以i以增加偏移量。

  1. const loopDays = [];
  2. const now = new Date(year, month - 1, day);
  3. for (let i = 0; i <= days; i++) {
  4. const loopDay = new Date(now);
  5. loopDay.setDate(loopDay.getDate() + 6 * (i + 1));
  6. console.log("Day: " + loopDay);
  7. loopDays.push(loopDay);
  8. }

您可以通过在loopDays上循环来显示它们,如下所示

  1. return (
  2. <View>
  3. {loopDays.map((day) => {
  4. return <Text>Day: {day}</Text>;
  5. })}
  6. </View>
  7. );
展开查看全部

相关问题