小编lac*_*che的帖子

我正在使用 svelte 和on:click按钮上的事件。单击此按钮时，我将一些信息发送到更高的组件。我想做的是按回车键，但on:keydown似乎不起作用？我怎样才能在按下回车键时触发它？

<button on:click={() => 
   dispatch('search', { searchword: item })}
>ClickMe</button>

<button on:keydown={() => 
   dispatch('search', { searchword: item })}
>PressEnter</button>

为什么第一次点击时状态没有改变？

const [building, setBuilding] = useState(0);

<Button 
     title="tester"
          onPress={() => {
            setBuilding(1);
            console.log(Building);
          }}/>

第一次单击时控制台日志始终返回“0”，而不是预期的“1”。我该如何解决？

我从 Use Effect 挂钩（我对此相对较新）获取纬度和经度。我想返回使用效果挂钩之外的值，并将它们存储在变量中，甚至在需要时存储在状态中。我可以控制台记录值，但我是否只添加返回语句或以某种方式传递参数？我需要使用什么功能？我计划将纬度和经度数据传递到代码的其他部分，这就是为什么我尝试从 useEffect 挂钩检索它。

useEffect(() => {
    if ("geolocation" in navigator) {
      console.log("Available");
    } else {
      console.log("Not Available");
    }
    navigator.geolocation.getCurrentPosition(function (position) {
      let lat = position.coords.latitude;
      let long = position.coords.longitude;
      console.log(lat);
      console.log(long);
    });
  }, []);

let newLat = lat?
let newLong = long?

据我所知，useEffect 钩子最后作为 sideEffect 运行。我正在尝试控制台日志 data.main.temp。我可以理解它还不知道那是什么，因为它正在从后面运行的 useEffect 钩子中的 api 获取数据。

在 api 调用后，我如何能够访问或控制台日志 data.main.temp？（我觉得 setTimout 是作弊方式？）

import React, { useState, useEffect } from "react";
import Button from "../UI/Button";
import styles from "./Weather.module.css";
import moment from "moment";
import Card from "../UI/Card";

export default function Weather() {
  //State Management//
  const [lat, setLat] = useState([]);
  const [long, setLong] = useState([]);
  const [data, setData] = useState([]);

  //openWeather API key
  const key = "xxxxxxxxxxxxxxxxxxxxxxxxxx";

  useEffect(() => {
    const fetchData = async () => {
      //get coordinates// …

如何使用带有 tailwind 内联 css 的字符串文字传递动态值？

例如，我想动态更改宽度，而不是使用预制的顺风 w-1、w-2 等...

<div
  class="p-1 border-2 width: {createTimeBlock(
    show.startTime,
    show.endTime,
  )}px">
  {show.startTime} to {show.endTime}
</div>