小编Jos*_*mon的帖子

如何在 React 组件中添加编辑文本的功能?

所以这是我试图创建的用户功能:1.)用户双击文本2.)文本变成输入字段,用户可以在其中编辑文本3.)用户点击回车键,提交后,文本将被更新以进行编辑文本。基本上,它只是一个编辑功能,用户可以在其中更改某些文本块。

所以这是我的问题 - 我可以通过双击将文本转换为输入字段,但是如何提交和渲染编辑后的文本?

我的父组件 App.js 存储了更新 App 状态的函数 (updateHandler)。更新的信息需要从 Tasks.jsx 组件传递,该组件是处理文本输入的地方。我还应该指出,一些道具正在通过 TaskList 发送到任务。代码如下:

应用程序.js

import React, {useState} from 'react';
import Header from './Header'
import Card from './Card'
import cardData from './cardData'
import Dates from './Dates'
import Tasks from './Tasks'
import Footer from './Footer'
import TaskList from './TaskList'

const jobItems= [
  {
      id:8,
      chore: 'wash dishes'
  },
  {
      id:9,
      chore: 'do laundry'
  },
  {
      id:10,
      chore: 'clean bathroom'
  }

]

function App() {

  const [listOfTasks, setTasks] = useState(jobItems)

  const updateHandler …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

5
推荐指数
1
解决办法
2万
查看次数

由于未知错误,Expo 应用程序在生产中崩溃

我已经在 React Native/Expo 中构建了一个应用程序,该应用程序在开发中运行良好,但 Android 版本在生产中崩溃。打开后,会呈现闪屏,然后应用程序崩溃。

我尝试 expo start --no-dev --minify在生产中运行复制该应用程序,并且该应用程序运行良好。事实证明很难调试,因为实际上没有任何日志可供我检查,我发现的唯一有用的信息来自我的 google play 控制台,我在其中收到错误:

:com.google.android.gms.dynamite_mapsdynamite@230815033@23.08.15 (150300-0) - com.google.maps.api.android.lib6.drd.pa java.lang.RuntimeException

有谁知道这个错误意味着什么,或者有人对我如何调试这个有任何建议吗?

android google-maps react-native react-native-maps expo

5
推荐指数
0
解决办法
775
查看次数

为什么反应骨架不渲染?

我有一个组件Recommended可以对 firebase 进行服务调用并呈现返回的数据。在数据库调用的加载延迟期间,我想渲染一个反应骨架,如下所示:

推荐.js

import { useState, useEffect } from "react";
import Skeleton from "react-loading-skeleton";
import { getVenues } from "../services/firebase";
import VenueCard from "./VenueCard";

const Reccomended = () => {
  const [venues, setVenues] = useState([]);

  useEffect(() => {
    async function getAllVenues() {
      const response = await getVenues();
      await setVenues(response);
    }
    getAllVenues();
  }, []);

  venues[0] ? console.log(true) : console.log(false)

  return (
    <div>
      {!venues[0] ? (
        <>
          <Skeleton />
        </>
      ) : (
        <>
          <p className="recommended">Recommended for Josh</p>
          <VenueCard …
Run Code Online (Sandbox Code Playgroud)

reactjs react-loading-skeleton

1
推荐指数
1
解决办法
6967
查看次数