小编Tam*_*jid的帖子

呈现不同组件警告时无法更新组件

我在反应中收到此警告:

index.js:1 Warning: Cannot update a component (`ConnectFunction`) 
while rendering a different component (`Register`). To locate the 
bad setState() call inside `Register` 
Run Code Online (Sandbox Code Playgroud)

我去了堆栈跟踪中指示的位置并删除了所有设置状态,但警告仍然存在。这可能发生在 redux dispatch 中吗?

我的代码:

注册.js

class Register extends Component {
  render() {
    if( this.props.registerStatus === SUCCESS) { 
      // Reset register status to allow return to register page
      this.props.dispatch( resetRegisterStatus())  # THIS IS THE LINE THAT CAUSES THE ERROR ACCORDING TO THE STACK TRACE
      return <Redirect push to = {HOME}/>
    }
    return (
      <div style = {{paddingTop: "180px", …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs redux

71
推荐指数
8
解决办法
7万
查看次数

找不到模块“file-name.png”或其相应的类型声明 - Typescript React

我正在尝试在我的打字稿反应项目中导入一个 png,如下所示:
import logo from 'assets/Logo.svg';

我收到了这个 TS 错误:
Cannot find module 'assets/Logo.svg' or its corresponding type declarations.ts(2307)

知道这是为什么吗?我已tsconfig.json在下面附加了我的文件,以防我配置不正确:

{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx",
    "baseUrl": "src"
  },
  "include": ["src"]
} 
Run Code Online (Sandbox Code Playgroud)

typescript reactjs

38
推荐指数
1
解决办法
4万
查看次数

如何获取 React Table Row Data Onclick

嗨,我正在尝试设置我的反应应用程序,以便当您单击反应表中行项目中的按钮时,该行中的数据将传递到另一个组件。目前我只是想在 console.log 中记录正确的数据,但不确定如何根据点击传递反应表行数据。我怎样才能做到这一点?谢谢

我的虚拟数据与按钮(显示详细视图)一起存储在状态中,我想触发通过 onclick 的数据:

    columns: [
      {
        Header: "First Name",
        accessor: "fname"
      },
      {
        Header: "Last Name",
        accessor: "lname"
      },
      {
        Header: "Employee Group",
        accessor: "egroup"
      },
      {
        Header: "Date of Birth",
        accessor: "dob"
      },
      {
        Header: "",
        id: "id",
        Cell: ({ row }) => (
          <button onClick={e => this.handleShow()}>
            Detailed View
          </button>
        )
      },
    ],
    posts: [
      {
        fname: "gerald",
        lname: "nakhle",
        egroup: "faisbuk",
        dob: "8/10/1995"
      }
    ]

Run Code Online (Sandbox Code Playgroud)

我调用渲染表:

<ReactTable columns={this.state.columns} data={this.state.posts}></ReactTable>
Run Code Online (Sandbox Code Playgroud)

我的 onclick 处理函数,但我不确定如何访问我所追求的表格行数据

handleShow(e) { …
Run Code Online (Sandbox Code Playgroud)

onclick reactjs react-props react-table

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

是否会覆盖相同键的Ada hashmap值

在Ada中,如果我使用带有哈希映射中已存在的键的insert命令,它是否只更新存储在该键中的值?以下是该Hashed_Maps软件包的Ada 2005规范:http: //www.adaic.org/resources/add_content/standards/05rm/html/RM-A-18-5.html
谢谢

ada hashmap

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

意外的 redux 动作分派行为

所以我有一个从 api 获取的调度,然后它将根据请求的响应代码调度成功或错误操作。成功时,我的操作应该添加到我的 redux 存储中的数组中,错误时它应该什么都不做并返回当前状态。然而,由于某种原因,当获取请求中出现错误时,错误操作确实被调用(我已经使用 redux devtools 检查过)但该操作的行为就像调用了成功操作一样,因此即使使用新值更新数组虽然有错误。知道可能出了什么问题吗?

谢谢

我的行动:

export const ADD_PROJECT_SUCCESS = "ADD_PROJECT_SUCCESS"
export const ADD_PROJECT_ERROR = "ADD_PROJECT_ERROR"

export function addProject( project, projects ) {
    const url = 'project/'
    let tempProjects = projects
    tempProjects.push( project )
    const requestOptions = {
      method: 'POST',
      credentials: 'include',
      body: JSON.stringify( project )
    };
    return (dispatch) => {
      return fetchReq( requestOptions, url ).then( ([response] ) => {
        if( response.status === 201) {
          dispatch( addProjectSuccess(tempProjects) )
        } else {
          dispatch( addProjectError() )
        }
      }) …
Run Code Online (Sandbox Code Playgroud)

reactjs redux

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