小编Pet*_*nko的帖子

className 在类型“IntrinsicAttributes & Props”上不存在

我有两个组件。一个进口另一个。但是打字稿在 Login.tsx 中抛出了一个错误,说:

“属性 'className' 不存在于类型 'IntrinsicAttributes & Props'”

登录.tsx:

import React, { ReactElement } from 'react';
import Form from './Form/Form';

import styles from './Login.module.scss';

interface Props {}

function Login({}: Props): ReactElement {
  return (
    <div className={styles.container}>
      <Form className={styles.form}>Form</Form>
    </div>
  );
}

export default Login;
Run Code Online (Sandbox Code Playgroud)

表格.tsx:

import React, { ReactElement } from 'react';

interface Props {
  children: React.ReactNode;
}

function Form({}: Props): ReactElement {
  return (
    <div>
      <h1>TESTY</h1>
    </div>
  );
}

export default Form;
Run Code Online (Sandbox Code Playgroud)

我该如何解决?在此先感谢您的时间!

typescript reactjs react-typescript

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

!&lt; 是什么意思?

!<在这个 bash 脚本中是什么意思,为什么它指向不存在的文件?

bash -c 'while !</dev/tcp/db/5432; do sleep 1; done; npm start'
Run Code Online (Sandbox Code Playgroud)

在此先感谢您的时间!

bash

3
推荐指数
2
解决办法
87
查看次数

在 FlatList 中测试 onScroll 事件

我一直在尝试使用这个非常简单的测试文件来测试onScrolla 的事件:FlatList

测试文件:

// @ts-nocheck
import React from 'react';
import { fireEvent, render } from '@testing-library/react-native';
import { MyComponent } from '../../../src/modules/MyComponent';

describe('MyComponent', () => {
  it('should not call if IS_IOS is false', async () => {
    const { debug, getByTestId } = render(<MyComponent/>);

    fireEvent(getByTestId('alpha'), 'onScroll', {
      nativeEvent: {
        contentSize: { height: 600, width: 400 },
        contentOffset: { y: 150, x : 0 }
      }
    })

    debug();
  });
});
Run Code Online (Sandbox Code Playgroud)

正在测试的组件:

import React from 'react';
import { FlatList, …
Run Code Online (Sandbox Code Playgroud)

javascript react-native react-native-testing-library

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

如何在 React 中将 html 字符串转换为纯文本?

如何在 React 中将 html 字符串(带有很多标签等)转换为纯文本?可能有任何 npm 模块吗?

我还没有找到任何将html 字符串转换为纯文本的方法。我需要这个是因为我想将在Ckeditor 5 中编辑的文本文件保存为纯文本文件,但 Ckeditor 5 以 html 或 markdown 格式管理数据。

javascript ckeditor node.js reactjs ckeditor5

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

__int32 与 int 与 int32_t 之间的区别(再次)

网络上的答案()只讲述了故事的一部分,并省略了一些我希望您帮助我澄清的细节:

  • 根据 C++ 标准,int 必须 >= 32 位。
  • int默认情况下,不同的编译器(实现)可以分配不同数量的位。所以Compiler A可以int在我声明整数时分配 50 位(例如)。
  • 此外,不同的编译器可能/可能不使用位填充进行优化
  • __int32(Microsoft 特定) 并int32_t在这里解决问题,并且:

我的哪个猜测是正确的?很抱歉再次提出旧问题,但我实际上对所有这些分配功能感到困惑。

在此先感谢您的时间。

c++

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

索引访问运算符奇怪的语法

考虑以下导致 TS 编译器错误的代码:

interface Car {
  manufacturer: string;
  model: string;
}

let taxi: Car = {
  manufacturer: 'Toyota',
  model: 'Camry',
};

// this code returns an error. why??
function getProperty<T, K extends keyof T>(o: T, propertyName: K): K {
  return o[propertyName];
}

let makeAndModel: string[] = getProperty(taxi, 'model');
Run Code Online (Sandbox Code Playgroud)

T是任意类型,并且K extends keyof T(即 K 必须是T键之一,在我们的例子中它可以是manufacturermodel)。在函数返回类型中,我们声明K为我们的返回类型,因此我们已经告诉编译器:“嘿,这个函数只能返回类型 ( K) 的变量,该变量必须是出租车 ( T) 键 ( manufacturer, model) 之一。

就是这样。这就是编译器应该知道的全部内容。我们已经限制 …

typescript

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