小编Dan*_*Dan的帖子

在反应中从按钮事件调用钩子的方法

这是我第一次开发 React 应用程序。我打算在用户单击按钮时进行 Api 调用。是否可以直接从事件中调用钩子?如果是,如果钩子来自不同的组件,我该如何调用它?

这是按钮(不同的组件)

 const paginationButtons = (
    <React.Fragment>
      <Button onClick={() => viewDetails()}>View Details</Button>
    </React.Fragment>
  );

function viewDetails() {
   //Is it Possible to call fetch data.js and pass the url from here?
  }
Run Code Online (Sandbox Code Playgroud)

这是获取 data.js 的钩子

import axios from 'axios';
import PropTypes from 'prop-types';
import { useState, useEffect} from 'react';

const propTypes = {
  initialUrl: PropTypes.string.isRequired,
  initialParams: PropTypes.object
}

export const useFetchData = props => {
  PropTypes.checkPropTypes(propTypes, props, 'property', 'useFetchData');

  const { initialUrl, initialParams } = props;

  const …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

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

如何在反应中使用钩子传递 this.props.children

这是我第一次创建 React 应用程序。

我想将按钮从 index.js 传递给使用hooks 的表组件。

Declaration:

  const testButton = () => {
    return (
      <React.Fragment>
        <button>Test1</button>
        <button>Test2</button>
        <button>Test3</button>
        <button>Test4</button>
        <button>Test5</button>
      </React.Fragment>
    );
  };
Run Code Online (Sandbox Code Playgroud)

将其传递给 Table 组件

 return (
    <React.Fragment>
      <TestTable
        {...{
          testButton}} />
    </React.Fragment>
Run Code Online (Sandbox Code Playgroud)

然后,表格组件将使用它来呈现表格,包括按钮。

export default function TestTable({
testButton,
  ...props
}) 

return (
{testButton});
Run Code Online (Sandbox Code Playgroud)

我做得对吗?

如何从 index.js 导出它,在 Table component.js 中导入,并在 Table 组件中呈现?

谢谢你。

javascript reactjs

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

确定在反应中选中的复选框的方法(useState)

这是我第一次开发 React 应用程序。我试图在表格的每一行中实现复选框并检查哪些行被选中。

我使用useState钩子来进行检查和 onChange 事件,但是当我检查然后取消选中复选框时,这些值似乎没有刷新。

我想问一下如何添加一个逻辑来删除钩子上未勾选的值。

T1 复选框 A- 选中复选框 B- 选中 CheckedMap- A,B

T2 Checkbox B- Unchecked CheckedMap- A,B // 未勾选的Checkbox B也存储在CheckedMap中

感谢您的帮助。

export default function({ infinite }) {
  const [checkedMap, setCheckedMap] = useState(new Map());
}

const handleCheckedChange = transaction_seq => {
    let modifiedMap = checkedMap;
    modifiedMap.set(transaction_seq, !checkedMap.get(transaction_seq));
    setCheckedMap(modifiedMap);
  };

const columns = [
    {
      Header: "Transaction(s)",
      className: "left",
      columns: [
        {
          id: "checkbox",
          accessor: "checkbox",
          Cell: ({ row }) => {
            return (
              <input
                type="checkbox" …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-hooks

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

ORA-00908: Oracle SQL 中缺少 NULL 关键字(blob 数据类型)

我在创建一个对 2 个仅应包含 json 的 blob 数据类型进行约束的表时遇到错误。

错误是ORA-00908: missing NULL keyword

这是我的脚本

CREATE TABLE TEST
  (
    LOG_ID NUMBER(19,0) NOT NULL,
    DATA_BEFORE BLOB NULL,
    DATA_AFTER BLOB NULL,
    CONSTRAINT LOG_ID_PK PRIMARY KEY (LOG_ID),
    CONSTRAINT DATA_BEFORE_JSON CHECK(DATA_BEFORE IS JSON FORMAT JSON)) LOB (DATA_BEFORE) STORE AS(STORAGE (NEXT 15M)),
    CONSTRAINT DATA_AFTER_JSON CHECK(DATA_AFTER IS JSON FORMAT JSON)) LOB (DATA_AFTER) STORE AS(STORAGE (NEXT 15M))
    );
Run Code Online (Sandbox Code Playgroud)

非常感谢。

sql oracle oracle-sqldeveloper

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