小编Dha*_*r S的帖子

我们正在reactJS中创建不同的组件，

例子：

App.js
index.js
LandingPage.js
.....

在另一个组件中导入此组件时，我们没有添加扩展名.js

例子：

索引.js：

App.js
index.js
LandingPage.js
.....

有谁知道原因吗？

如何将NSNumber数组转换为String数组以便在UITableView中显示值？

cell.textlabel.text = ?

码:

var a = [68.208983, 6.373902, 1.34085, 3.974012, 110.484001, 
         61.380001, 1.325202, 0.8501030000000001, 0.8501030000000001, 
         0.8501030000000001, 3.647296, 1.28503]

如何使用react-testing-library对屏蔽的输入字段进行单元测试。该组件是使用material ui 和react-hook-form 开发的。在这里您可以找到代码并处理我这边的示例。提前致谢

测试文件：

 let Phone_Input = getByTestId("phone-input");

  fireEvent.change(
      <InputMask mask="(999) 999-9999">{() => Phone_Input}</InputMask>,
      {
        target: { value: "9500902621" }
      }
    );

成分：

                      <InputMask mask="(999) 999-9999">
                          {() => (
                            <TextField
                              id="standard-required"
                              name="phone"
                              label="phone"
                              placeholder="Enter Phone"
                              inputProps={{
                                "data-testid": "phone-input"
                              }}

                            />
                          )}
                        </InputMask>

错误：

    The given element does not have a value setter

    expect(received).toBe(expected) // Object.is equality

    Expected: "(950) 090-2621"
    Received: "(___) ___-____"

您好，我在函数内使用三元运算符。但 eslint 会抛出错误。请帮我解决这个问题。

  const Test = (showBtn, bubbleId, latitude, longitude, zoom, drillLevel) => {
    setShowBtn(showBtn);
    drillLevel === 'area' ? getCitiesData(bubbleId) : getStatesData();
    setViewport({
      ...viewport,
      latitude,
      longitude,
      zoom,
    });
  };

您好，我正在为其中包含 redux 的组件编写单元测试。在测试它时，抛出错误 UseSelector state undefined。UseSelector 将在收到 api 响应后更新一次。直到它的值是未定义的。但是，在进行单元测试时，它会在第一个本身上引发错误。如何克服这个问题。

测试文件

import React from 'react';
import { render, fireEvent } from '@testing-library/react';
import { act } from 'react-dom/test-utils';
import '@testing-library/jest-dom/extend-expect';
import { createStore } from 'redux';
import { Provider } from 'react-redux';
import LinkApplication from '../index';
import {reducer} from '../../../redux/summary/reducer';
let INITIAL_STATES = {
    isFetching: false,
    errorMessage: "",
    requestExtensionErrorMessage: "",
    requestExtensionSuccessMessage: "",
    linkApplicationSuccess: "",
    linkApplicationFailure: null,
    linkLoanSuccessMessage: "",
    linkLoanErrorMessage: "",
    LinkApplicationErrorMessage:"",
  };
function renderWithRedux(
  component,
  { INITIAL_STATES, store = createStore(reducer, INITIAL_STATES) …

在这里，我需要使用自定义按钮控制轮播幻灯片，我在这个示例的帮助下实现了这一点。

这是它的代码..

import React, { useState } from "react";
import { Carousel, Button, Container, Row } from "react-bootstrap";
import Cards from "../cards";
import "./slider.css";

const Slider = () => {
  const [index, setIndex] = useState(0);

  const handleSelect = (selectedIndex, e) => {
    setIndex(selectedIndex);
  };

  const onPrevClick = () => {
    if (index > 0) {
      setIndex(index - 1);
    } else if (index === 0) setIndex(2);
  };
  const onNextClick = () => {
    if (index === 2) {
      setIndex(0);
    } …

我有一个带有 IconButton 的 AppBar。当悬停按钮时，它会在其中显示一个椭圆形悬停。我试图通过给

disableFocusRipple={true}

但它不起作用。请帮助我。

您好，我的初始状态为空对象，

let [value,setValue] = useState({});

function onSubmit(){
  setValue({"new Object"})
}

并在单击按钮时更新它。有什么方法可以在 useReducer 中实现这种情况，而且在这里我想创建一个新状态而不是改变它。非常感谢您的帮助或建议。

我有一个配置文件。我为整个应用程序设置 baseURL，并为整个 API 请求保存不记名令牌。在这里我需要添加另一个 api 。我不知道如何添加另一个 baseURL 并在我的 API 请求中使用它。在这里我分享我所做的代码。

基本 URL 文件：

import axios from 'axios';
axios.defaults.baseURL = http://localhost:3000/summary;

const setAuthToken = (token) => {
  if (token) {
    axios.defaults.headers.common.Authorization = `Bearer ${token}`;
  } else {
    delete axios.defaults.headers.common.Authorization;
  }
};

export default setAuthToken;

API 操作文件：

export const login = ({ email, password }) => async (dispatch) => {

  const userData = {
    username: email,
    password,
  };

  try {
    const res = await axios.post('/license-api/auth/login', userData, config);
    dispatch({
      type: LOGIN_SUCCESS,
      payload: res.data.token, …

下面的方法中&、0x000000FF和 >> 8有什么用 ？谁能解释一下吗？

提前致谢

(UIColor *)UIColorFromIntegerCode:(int)integerCode\xc2\xa0 {    \n    CGFloat r = (integerCode & 0x000000FF) / 255.0f;\n\xc2\xa0 \xc2\xa0 CGFloat g = ((integerCode & 0x0000FF00) >> 8) / 255.0f;\n\xc2\xa0 \xc2\xa0 CGFloat b = ((integerCode & 0x00FF0000) >> 16) / 255.0f;\n\n\xc2\xa0 \xc2\xa0 return [UIColor colorWithRed:r green:g blue:b alpha:1.0f];\n}\n