这是我第一次开发 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) 这是我第一次创建 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 组件中呈现?
谢谢你。
这是我第一次开发 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) 我在创建一个对 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)
非常感谢。