所以这是我试图创建的用户功能: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) 我已经在 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
有谁知道这个错误意味着什么,或者有人对我如何调试这个有任何建议吗?
我有一个组件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)