小编Ark*_*lys的帖子

我有一个子组件需要监听其父组件之一event。更准确地说，我在子组件中有一个函数，它event从父组件中获取参数 an 。我想每次event发生时都调用这个函数。

作为示例，下面是一个代码片段：

class Parent extends React.Component {
  handleKeyDown = (event) => {
    // Call the child function doSomething()
  }

  render() {
    return (
      <input
        type="text"
        onKeyDown={this.handleKeyDown}
      >

      <Child />
    )
  }
}

class Child extends React.Component {
  doSomething = (event) => {
    // Get the event from parent
  }

  render() {
    return (
      ...
    )
  }
}

我考虑过两种方法：

• 用于ref从父函数调用子函数onKeyDown
• 使用 astate存储事件并将其作为 a 传递props给子级，然后使用 监听props …

我试图用第一个字母,粗体和更大的字体自定义第一段开头的每个帖子.但它没有出现在第一段的第一个字母上.相反,它出现在每个段落而不是第一段.

这是一个Wordpress模板.过去我曾尝试使用该物业first-child.但是,它似乎没有起作用.

p::first-letter {
  font-size:300%;
  color:#00aff2;
  font-style:bold;
  border: 2px solid #00aff2;
  margin:0 5px 3px 0;
  padding: 3px;
}

<p>This is a sample</p>
<p>This is a sample</p>

我想自定义Wordpress中单个帖子的每个第一段的第一个字母.

我一直在尝试打包一个电子应用程序，但它从未经过这个阶段：

我已经尝试了3次，每次都需要几个小时，但没有完成松鼠的包装。

包.json：

{
  "name": "NAME",
  "version": "0.1.0",
  "private": false,
  "author": "AUTHOR",
  "description": "DESCRIPTION.",
  "dependencies": {
    "@emotion/react": "^11.10.0",
    "@emotion/styled": "^11.10.0",
    "@fortawesome/fontawesome-svg-core": "^6.1.2",
    "@fortawesome/free-brands-svg-icons": "^6.1.2",
    "@fortawesome/free-solid-svg-icons": "^6.1.2",
    "@fortawesome/react-fontawesome": "^0.2.0",
    "@material-ui/core": "^4.12.4",
    "@mui/material": "^5.9.2",
    "@testing-library/jest-dom": "^5.16.4",
    "@testing-library/react": "^13.3.0",
    "@testing-library/user-event": "^13.5.0",
    "bootstrap": "^5.2.0",
    "cross-env": "^7.0.3",
    "electron": "^19.0.10",
    "electron-compile": "^6.4.4",
    "electron-forge": "^5.2.4",
    "electron-is-dev": "^2.0.0",
    "react": "^18.2.0",
    "react-bootstrap": "^2.4.0",
    "react-dom": "^18.2.0",
    "react-dropdown": "^1.10.0",
    "react-modal": "^3.15.1",
    "react-scripts": "5.0.1",
    "reactjs-popup": "^2.0.5",
    "web-vitals": "^2.1.4"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts …

我正在尝试使用background-position和 百分比值制作一个简单的可拖动背景。到目前为止，我设法使拖动工作正常，但我似乎无法找到图像以相同速度跟随光标的正确计算（如果有意义的话）。

这是一个简单的示例（仅使用x轴）：

const container = document.querySelector('div');
const containerSize = container.getBoundingClientRect();

let imagePosition = { x: 50, y: 50 };
let cursorPosBefore = { x: 0, y: 0 };
let imagePosBefore = null;
let imagePosAfter = imagePosition;

container.addEventListener('mousedown', function(event) {
  cursorPosBefore = { x: event.clientX, y: event.clientY };
  imagePosBefore = imagePosAfter; // Get current image position
});

container.addEventListener('mousemove', function(event) {
  if (event.buttons === 0) return;

  let newXPos = imagePosBefore.x + ((cursorPosBefore.x - event.clientX) * 100 / …

有一段代码：

.number__icon-container {
   display: flex;
   align-items: center;
   border-bottom: 1px solid;
   padding-left: 8rem;
   border-color: black.

   &_error  {
      border-color: red;
   }
}

如果有一些带有number__icon-container_errorclass 的 div ，它会有红色边框颜色，但这对我来说不好。我需要为 div 设置红色边框颜色（如果它同时具有number__icon-container_error和类）。number__icon-container_focus我该怎么做？谢谢！

“我正在建造一个小型计算器。我试图在本地存储每个输入的数据。我的方法是将 redux 工具包与 redux-persist 结合起来。一切似乎都工作正常，我没有收到任何错误。我的商店正在更新并持续刷新。然而，在使用 useSelector 时，它总是返回为未定义，使用 redux devtools 我可以看到我试图获取的值存在。

Main.js（入口点）

import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App";
import { Provider } from "react-redux";
import { store } from "./store/store";
import { PersistGate } from "redux-persist/integration/react";
import "bootstrap/dist/css/bootstrap.min.css";
import "./index.css";
import { persistStore } from "redux-persist";

let persistor = persistStore(store);

ReactDOM.createRoot(document.getElementById("root")).render(
  <React.StrictMode>
    <Provider store={store}>
      <PersistGate loading={null} persistor={persistor}>
        <App />
      </PersistGate>
    </Provider>
  </React.StrictMode>
); 

roiCalculationSlice.jsx

import { createSlice } from "@reduxjs/toolkit";

const initialState = {
  shifts: …