React sortable hoc - onClick how to change状态
React sortable hoc是一个用于实现可排序列表的高阶组件。它可以帮助我们在React应用中实现拖拽排序的功能。
在React中，我们可以使用React sortable hoc来实现拖拽排序的功能。首先，我们需要安装react-sortable-hoc库：
npm install react-sortable-hoc然后，我们可以在需要使用拖拽排序功能的组件中引入sortableContainer、sortableElement和sortableHandle这三个组件：
import { sortableContainer, sortableElement, sortableHandle } from 'react-sortable-hoc';
const DragHandle = sortableHandle(() => <span>::</span>);
const SortableItem = sortableElement(({ value }) => (
<li>
<DragHandle />
{value}
</li>
));
const SortableList = sortableContainer(({ items }) => (
<ul>
{items.map((value, index) => (
<SortableItem key={`item-${index}`} index={index} value={value} />
))}
</ul>
));在上面的代码中，我们定义了一个可拖拽排序的列表组件SortableList，其中每个列表项都包含一个拖拽手柄DragHandle。通过sortableContainer、sortableElement和sortableHandle，我们可以将列表项变为可拖拽的元素。
接下来，我们可以在组件中使用SortableList，并通过onClick事件来改变状态：
class MyComponent extends React.Component {
constructor(props) {
super(props);
this.state = {
items: ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5'],
};
}
handleClick = () => {
// 改变状态的逻辑
}
render() {
return (
<div>
<button onClick={this.handleClick}>Change State</button>
<SortableList items={this.state.items} onSortEnd={this.onSortEnd} />
</div>
);
}
}在上面的代码中，我们定义了一个按钮，通过onClick事件来触发改变状态的逻辑。当点击按钮时，我们可以在handleClick方法中改变state中的items数组，从而改变列表的排序。
需要注意的是，我们还需要在SortableList组件中添加onSortEnd属性，用于处理排序结束后的逻辑。具体的排序逻辑可以根据实际需求进行自定义。
总结起来，React sortable hoc可以帮助我们实现拖拽排序的功能，通过onClick事件可以触发改变状态的逻辑，从而改变列表的排序。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。
相关·内容
考虑以下具有现代继电器的ReactJS组件：
import React, { Component } from "react";
import PropTypes from "prop-types";
import { graphql } from "react-relay";
import { QueryRenderer } from "react-relay";
import environment from "../../relay/environment";
const CustomersQuery =
浏览 0提问于2018-06-27得票数 1
3回答
我做了以下工作：
npm install TuningGuide/react-sortable-hoc --save
npm info it worked if it ends with ok
npm info using npm@3.10.5
npm info using node@v6.2.2
npm info git [ 'clone',
npm info git '--template=/Users/velten/.npm/_git-remotes/_templates',
npm info git '--mirror',
npm
浏览 4提问于2016-08-11得票数 4
回答已采纳
有一个小的gutenberg块，但我有错误。 在未装入的组件上找不到节点未定义不是对象(计算“”this.refscollection.indexOf“”) 当前的wp版本使用React 16.13.1 我该如何解决这个问题呢？谢谢! import {SortableContainer, SortableElement} from 'react-sortable-hoc';
registerBlockType('ay/sortable', {
title: __('Sortable'),
浏览 18提问于2021-08-16得票数 0
2回答
有冲突的两个拖放库
、、、、
我们都在使用react-sortable-hoc和react-dropzone，如果在单独的页面上，它们可以很好地工作。但是，当在同一页面上使用react-sortable-hoc时，react-dropzone不能正常工作，因为我注意到react-dropzone也是由从react-sortable-hoc拖动事件触发的。(例如，我不能再在其他项目之间拖动一个项目。)
我尝试将e.preventDefault()和e.stopPropagation()添加到react-sortable-hoc的onSortStart事件中，但react-dropzone仍在被触发。
我们还能用什么方法让他们
浏览 4提问于2020-06-20得票数 2
回答已采纳
1回答
代码包括使元素列表可排序(拖动在右边)和可选择的元素列表(单击文本)。然而，这似乎有点太复杂了。
https://codesandbox.io/s/434p397p74
是否有可能简化/改进？
缺少的良好做法是什么？
PS:我是一个反应的初学者。我为可排序部件使用了一个库，并制作了可选择的部分。
index.js
import React from "react";
import ReactDOM from "react-dom";
import {
SortableContainer,
SortableElement,
arrayMove
} fr
浏览 0提问于2018-10-24得票数 0
回答已采纳
2回答
我希望创建一个receive，理想情况下接收两个组件，而不是一个封装组件，并在它们之间切换。也就是说，在下面的代码中，它们将分别表示子组件，而不是<h3>component one</h3>和<h3>component two<h3>。我怎么能做到这一点？一些psuedo代码，用于我如何编写这个临时代码：
<HOC>
<ComponentOne />
<ComponentTwo />
</HOC>
<HOC
componentOne={<ComponentOne />
浏览 0提问于2019-03-27得票数 2
回答已采纳
TabSortPage.js
import React, { Component } from 'react';
import {
View,
Text,
StyleSheet
} from 'react-native';
import SortableListView from 'react-native-sortable-listview';
export default class TabSortPage extends Component{
constructor(props){
浏览 5提问于2017-12-22得票数 0
回答已采纳
我很难理解这个HOC的一个非常基本的部分，它对NPM有很好的吸引力，所以我猜这里有一个简单的答案：
在他给出的关于的例子中，我已经存在的组件放在哪里。应该用<myComponent />取代{value}吗？我知道这些包装器应该接受我的组件，在本例中是组件，作为参数，但我认为我在这里遗漏了一些完整的东西。感谢您的帮助。他的示例文档如下
import React, {Component} from 'react';
import {render} from 'react-dom';
import {SortableContainer, Sortable
浏览 0提问于2016-06-10得票数 1
我有一个小的表示组件，如下所示：
function MyList({data, uppercaseMe, lowercaseMe}) {
return <ul>
{data.map(item =>
<li>{item} -
<button onClick={() => uppercaseMe(item)}>Uppercase me!</button>
<button onClick={() => lowercas
浏览 0提问于2017-08-05得票数 8
回答已采纳
1回答
大约几个星期以来，我正在编写一些教程，以了解自己的一些反应。
现在，我正在尝试让Auth与管理仪表板一起工作。我有一个侧边栏在仪表板上，并希望它切换。在我添加Auth之前，这是有效的。现在我有一个这样的点：
import React, {Component} from 'react';
import {connect} from 'react-redux';
import {Route, Redirect} from 'react-router-dom';
export const PrivateRoute = ({component: Com
浏览 0提问于2017-07-22得票数 0
1回答
React HOC被认为是纯函数。但是，我们不是应该在原始/基础组件中添加一些道具，然后返回一个新的增强组件吗？那么，通过“添加”属性，how如何仍然被认为是纯函数呢？
浏览 6提问于2021-02-12得票数 1
使用React Hooks，当我们想要记住一个函数的创建时，我们有一个useCallback钩子。所以我们有： const MyComponent = ({ dependancies }) => {
const memoizedFn = useCallback(() => {
/* ... */
}, [dependancies]);
return <ChildComponent onClick={memoizedFn} />;
} 我的问题是，我们如何记忆useCallback钩子中高阶函数的值，例如： const MyComponent
浏览 7提问于2020-10-19得票数 2
回答已采纳
2回答
我正在尝试获得一个功能，删除使用React Dropzone和react-sortable上传的图像。
我让dropzone起作用了，排序也起作用了，但由于某些原因，我在可排序项上的函数不起作用，它从数组中删除特定的项。onClick事件似乎不会调用该函数。
我的代码如下。
const SortableItem = SortableElement(({value, sortIndex, onRemove}) =>
<li>{value.name} <a onClick={() => onRemove(sortIndex)}>Remove {va
浏览 20提问于2017-11-07得票数 1
我试着在打开模态时，它只显示了这一行的数据，因为现在我只向我展示了所有的数据。我是新的反应，仍然不知道如何实现它，我已经阅读了相当多的信息，但没有一个是适合我的项目。简单地说，尝试一下，当我点击第一个列表中的按钮时，它打开一个模态，在这个模型中，我有一个表，它应该只显示我选择的行的数据。下面我附上第一张表的图片。
import React, { useEffect, useState } from "react";
import { Button, Col, Form, Row } from "react-bootstrap";
import DataTable
浏览 3提问于2022-08-03得票数 1
回答已采纳
1回答
我正在尝试创建一个在React js中为图标组件中的参数"color“赋值的HOC。我有三种不同的颜色。它们如下所示: pimary是#f7a014二级是#dd8b08三元是#56t00
所以我可以这样做：
<MyComponent color='primary' />
下面是我的withColor HOC：
import React from 'react';
import propTypes from 'prop-types';
function mapColors(color) {
if (color ===
浏览 1提问于2018-08-22得票数 0
我正在做一个小项目的最后一步，它使用一个高阶组件(HOC)来呈现一个简单的类似Tinder的应用程序。
内部组件是一个基于类的组件，它有自己的fetch()调用，为用户和图片呈现数据。外部HOC是一个功能组件。要让应用程序正常工作，我需要做的就是找到一种方法来刷新内部组件，并在用户按下按钮时触发API调用。我正在尝试用HOC中的useState钩子来做这件事。
import React, { useState } from 'react';
export default function TinderCard(component) {
return function (p
浏览 2提问于2020-12-06得票数 0
1回答
在处理侧栏的React组件中，我们有Menu Items，作为modules。我想从Redux中传递一个特定的状态，在出现false的情况下，要隐藏一个特定的项。我做到了，但是通过componentWillRecieveProps把这个州当作道具。但是我需要用来自reselect的reselect专门来做，因为componentWillRecieveProps将被废弃，我们开始越来越多地使用改选。
问题是我不知道该怎么做。重新选择文档比帮助更令人困惑。，你能帮上忙吗？
组件：
import React, { Component } from 'react';
import Pr
浏览 0提问于2018-11-20得票数 1
回答已采纳
我有一个现有的应用程序，它使用React中的高阶组件。我猜你可以通过使用渲染道具来继续/改进HOC，但是现在使用React自定义钩子，我认为这可能是最好的方法。
在读取React文档时，所有自定义钩子示例都在其示例中使用状态。在不使用state的情况下，我是否可以/是否应该使用自定义钩子来替换HOC？如果是这样的话，谁能给我举个例子？
浏览 1提问于2019-09-03得票数 2
我尝试在react-sortable-hoc中使用"withref“，并且我需要让我的父组件访问我需要在父端调用的一些调用的子组件。我甚至不知道该在哪里调用getWrappedInstance，它似乎提供了对子组件的访问。
我知道，但似乎react-sortable-hoc有一个不同的实现。
更确切地说，我有这样的事情：
const SortableItem = SortableElement((props) => (
<div className="sortable">
<MyElement {...props}/>
&l
浏览 4提问于2020-01-14得票数 0
我有一个实用函数，它接受一个(现在未使用的) options参数，并返回一个更高阶的组件包装函数。
如何正确设置组件上的类型，让包装组件的用户看到底层包装组件的类型以及来自withAppContext高阶组件的附加上下文类型？
type AppContext = {
id: string;
};
const withAppContext = (opts) => {
const hoc = WrappedComponent => {
class WithAppContext extends React.Component<any, any> {
浏览 5提问于2018-02-20得票数 1
回答已采纳
我有下面的例子
如果您按下红色bin图标上的delete按钮，它不会触发我的onClick事件处理程序(而是立即开始排序)。
如果您按下按钮的delete按钮背景(在bin图标周围圈)，它会触发按钮onClick处理程序并采取相应的行动。
我尝试过不同的onClick (包括xxxxCapture版本和e.preventDefault())，但没有取得任何成功。
问题
因此，我有两个问题：
有什么好的方法可以找出在树中首先处理点击的位置吗？
如何使我的按钮onClick在背景和icon本身之间保持一致？
代码
对于那些无法打开Stackblitz的人，代码是：
import
浏览 2提问于2019-06-02得票数 0
回答已采纳
1回答
目前，我的App.js文件中有以下路由：
<Switch>
<Route exact path="/new-job"
render={(props) => <NewJob jobName={jobName} setMenuSelection={handleMenuSelection} />}
/>
<Route exact path="/past-jobs"
render={(props) => <PastJobs setMenuSelection={
浏览 3提问于2021-09-14得票数 0
回答已采纳
我正在做React项目，WebStorm是我的集成开发环境，但我注意到，每当我想为我的组件编写一些道具时，我都不能正确地获得智能感知。我使用Create-React-App和React-CSS-Modules作为样式库。 ? Checkbox组件： const CheckboxWrapperInner = ({
isSelected,
customStyleName = 'checkbox',
hex6Color = '#221ecc',
additionalSelectedStyles = {
borderColor: hex
浏览 23提问于2021-01-20得票数 0
回答已采纳
2回答
我刚刚创建了4个按钮(添加、编辑、删除、取消)和一个从ajax接收数据的表。
每一行都包含一个收音机(名称:myRadio)。
单击收音机时，按钮应根据数据字段(名称:状态)值更改其状态(隐藏或显示)。需要你的帮助。
$(document).ready(function() {
$('data-field:idxRadio[name=myRadio]').change(function(row, value, index) {
if (row.status === 'working') {
$("#addBtn").s
浏览 0提问于2018-09-12得票数 1
回答已采纳
This is the gif of re-rendering 当我在选择一个视频后滑动范围滑块时，整个页面都会重新渲染，如何避免这个问题？如何避免不必要的组件重新渲染？我正在使用react钩子。我在表单元素中放置了一个范围滑块。我正在使用React Dropzone使用拖放facility.The setVideo状态被传递到ReactDropZone组件。我不明白为什么会发生这种情况 这里的代码是 import React, { useEffect, useState } from 'react';
import Row from 'react-bootstra
浏览 23提问于2020-12-09得票数 0
我收到错误消息Invalid hook call。钩子只能在函数组件的主体内调用。我需要理解为什么我不能在项目中使用React Hooks。这是我的package.json文件。 "@types/react": "16.8.6",
"@types/react-dom": "16.8.2",
"react": "16.8.4",
"react-dom": "16.8.3" 以下是错误的快照。 ? 以下是此项目中使用的示例组件。 import React,
浏览 67提问于2020-01-21得票数 0
回答已采纳
在我的例子中，我想开发一个可排序的表单列表。不幸的是，排序后表单的状态不会更新。请帮帮忙。我坚持了一个星期。
很抱歉，我不知道如何将'react-sortable-hoc‘库导入到下面的JSFiddle中。
链接：
import React, {Component} from 'react';
import {render} from 'react-dom';
import {SortableContainer, SortableElement, arrayMove} from 'react-sortable-hoc';
class
浏览 26提问于2017-06-20得票数 1
回答已采纳
我正在尝试将道具从一个组件传递到另一个组件。不过，index属性在SortableSectionList中似乎并没有传递给SortableSection。参见下面的控制台输出。
Index in SortableSectionList: 0
Index in SortableSectionList: 1
(2) Index in SortableSection: undefined
不过，像menuSection这样的其他属性也能很好地通过。请参阅下面的完整代码。任何帮助都是感激的，谢谢！
import React from 'react'
import MenuSection
浏览 2提问于2017-08-25得票数 1
回答已采纳
我试图添加一个按钮来切换网格中的排序，当我单击该按钮时，控制台记录可排序的defaultColumnDefs，这个可排序的按钮被切换，但网格从未呈现。
import React, { useState } from 'react';
import { AgGridReact } from 'ag-grid-react';
import 'ag-grid-community/dist/styles/ag-grid.css';
import 'ag-grid-community/dist/styles/ag-theme-alpine.css&
浏览 5提问于2022-03-05得票数 0
下面的配置没有抛出任何错误，但是没有维护新的排序顺序。拖动和关联动画运行良好，但排序顺序本身不会永久更改。 我对https://www.npmjs.com/package/react-sortable-hoc上的示例略微修改了代码。(我将一些代码移入构造函数中，以避免与实验类属性相关的错误。) 有什么想法吗？ import {
SortableContainer,
SortableElement,
arrayMove,
} from 'react-sortable-hoc';
const SortableItem = SortableElement(
浏览 33提问于2019-03-10得票数 2
回答已采纳
我已经用Recompose withHandlers HOC封装了一个父组件。我有一个名为removeGiftHandler的函数，我想将它作为一个回调传递给子组件，它将更改父组件(使用withState)中的道具中的状态。 我目前正在测试父组件，特别是removeGiftHandler函数。问题是，因为函数是向下传给子组件的，所以没有事件可供我模拟。另外，如果它是一个类组件，我可以使用wrapper.instance().removeGift(id)，不会有任何问题。考虑到它是一个无状态的功能组件，情况并非如此。 下面是组件的代码： const App = ({ addGiftHandle
浏览 29提问于2019-01-11得票数 0
回答已采纳
我在我的nextJS应用程序中使用一些特殊的组件来通过getInitialProps设置一些道具值。但我需要为这些道具使用动态值。
在我的索引组件中，我调用withServerProps。可以传递一些字符串数组给它吗？
index.js
import React, { Component } from 'react'
import { withTranslation } from 'i18n'
import withServerProps from 'with-server-props'
class Index extends Componen
浏览 1提问于2019-06-09得票数 0
回答已采纳
我想从一个页面重定向到另一个页面，并传递道具。但我不希望这些参数在url中。
方法：
saveForLater(){
if (typeof window !== "undefined") {
window.location.href = "./DataDisplay/";
}
};
我检查了urlparams，我们可以在url中设置{"id":content}。但我不希望在url中传递数据。
我不能在方法中使用Link / Route。有没有什么方法可以做到这一点/有什么库可以签出？请给我们建议
代码示例：
浏览 1提问于2020-07-21得票数 1
1回答
大家好，我想使用withAuth HOC来决定HomePage是作为仪表板还是以来宾homePage的形式呈现。此外，我希望将此逻辑与其他组件一起使用。但是每当我试图用map状态连接我的临时状态以支持它返回时，我就会陷入错误。
TypeError: Object(…)不是一个函数
img :-
。我看到了其他类似的stackOverflow解决方案--，但它们都无法清除我的错误。
我也尝试过使用compose，但是即使没有起作用，out.If，我也删除了连接，它的工作方式类似于charm.But，在我的特殊情况下，我需要redux状态。另外，我还想使用的钩子，但我现在只想保持简单
浏览 2提问于2020-04-11得票数 1
回答已采纳
我已经开始学习反应，但被困在这里。我想打印的值在网页上，但无法得到我应该把什么方法放在onChange，请也需要一个解释。
class IncrementDecrement extends React.Component {
constructor(props) {
super(props);
this.state = { a: 0 };
this.change = this.onIncreased.bind(this);
this.change = this.onDecreased.bind(this);
}
change(event) {
浏览 11提问于2022-04-27得票数 0
回答已采纳
export const HOC = (WrappedComponent) => {
const { register, control, handleSubmit, reset, watch } = useForm({
defaultValues: {
test: [{ firstName: "Bill", lastName: "Luo" }]
}
});
const { fields, append, prepend, remove } = useFieldArray({
control,
n
浏览 4提问于2021-11-10得票数 1
回答已采纳
4回答
背景 我有一个React组件，它包含另外两个组件。I组件包括一个图表(使用react-charts构建)，另一个是一个简单的输入字段。我最初让它不可见，但当有人单击那里的图标时，它就会变得可见。 问题，子对象在状态更改时呈现 现在的问题是，每当我切换此输入字段时，它都会自动刷新我的图形。事实上，当我在我的输入字段中输入时，它也会刷新图形。我认为当我更新状态变量时，它会重新渲染图形。我想停止这种行为。关于如何做到这一点的任何建议。 组件屏幕截图(https://i.imgur.com/zeCQ6FC.png) 组件代码 <div className="row">
浏览 41提问于2020-05-27得票数 1
回答已采纳
我正在使用的书面反应，我试图访问这个包装器的功能，以了解何时用户点击离开。下面是它的自述文件中的用法：
// How to install: npm install react-onclickoutside --save
// load the High Order Component:
var onClickOutside = require('react-onclickoutside');
// create a new component, wrapped by this onclickoutside HOC:
var MyComponent = onClickOuts
浏览 2提问于2016-04-30得票数 0
回答已采纳
我写了一些HOC，我需要传递给这个HOC一个动态对象，它是我在某个生命周期级别上创建的，我没有让他作为道具。如果我尝试传递一些静态值(例如，从start初始化myObj )，它会按预期工作，并且我会得到正确的值。
假设这是我的组件类：
let myObj = {};
class Test extends React.Component
{
constructor(props) {
super(props);
.....
}
render() {
myObj = {test:&#
浏览 14提问于2019-03-14得票数 6
import React, { useState } from 'react';
import CreateProject from './CreateProjectWithName';
function Enhanced(WrappedComponent) {
// ...and returns another component...
return class extends React.Component {
constructor(props) {
super(props);
this.state = {
浏览 7提问于2020-08-06得票数 0
1回答
member-registration-form.tsx
import OrderList from "../components/orderList";
import { useForm, SubmitHandler } from "react-hook-form";
const MemberRegistration = () => {
const [values, setValues] = React.useState({
});
浏览 2提问于2021-11-19得票数 0
回答已采纳
使用React ladda按钮寻求帮助。LaddaButton有一个叫做" loading“属性，我想把它传递给我的onClick函数，这样我就可以在我的onClick函数中启用\禁用加载： 我正在使用React Ladda Button(https://www.npmjs.com/package/react-ladda-button?activeTab=readme)。 import LaddaButton from 'react-ladda-button';
<LaddaButton
data-style={EXPAND_LEFT
浏览 21提问于2021-04-04得票数 0
我刚刚从一个教程中启动了一个React应用程序，并且一直在仔细地遵循它。然而，在很早的时候，我发现一个我认为从CSS文件中正确导入的类并没有出现在输出中。我期望在带有'main‘标签的元素中有16个像素的边距。CSS文件名为Layout.css，与使用它的JavaScript文件(Layout.js)位于同一目录中。CSS文件中只有一个类，Content，当我运行应用程序时，我在页面上看不到样式(16像素边距)，在工具(chrome dev工具)中检查页面时，我在样式选项卡下也看不到样式。下面是CSS文件(src/component/Layout/layout.css)：
.Conte
浏览 2提问于2020-03-04得票数 0
回答已采纳
3回答
import React from 'react'
export default function App(){
const[flag,setFlag] =React.useState({1:false,2:false})
const change=(id)=>{
flag[id] = !flag[id]
setFlag(flag)
console.log(flag)
}
return(
<div>
{flag[1] ? <p&
浏览 50提问于2019-12-19得票数 0
回答已采纳
1回答
我正在尝试将HOC应用于我的自定义组件中的每个子组件。但是我不能解决如何为动态包装的组件类型实现这一点。假设我们有：
function myHOC<P>(WrappedComponent: React.ComponentType<P>):React.ComponentType<P> {
return class extends React.Component<P> {
...
render() {
return <WrappedComponent />;
}
浏览 2提问于2019-01-31得票数 0
4回答
我可以将组件状态传递给HoC吗？
、、、、
有没有办法将数据从组件的状态发送到HoC？
我的组件
import React, { Component } from 'react';
import withHandleError from './withHandleError';
class SendScreen extends Component {
contructor() {
super();
this.state = {
error: true
}
}
render() {
return (
<div> Test &l
浏览 2提问于2019-02-22得票数 0
编辑：您的解决方案成功了，但是现在我的下拉列表没有显示所选内容，除非它选择了两次，如下所示：
我有一个下拉菜单，可以从中选择一个选项，将选项保存到一个变量中。我希望使用这个变量来更改在我的useEffect钩子中使用的获取路由，以便将发现的数据过滤到特定的行业。我该怎么做？是否有一种更简单的方法来过滤映射的数据，而不是更改获取地址？
这是我的密码：
import React, {useState, useEffect} from "react";
import { AgGridReact } from "ag-grid-react";
import { D
浏览 1提问于2020-04-27得票数 1
回答已采纳
我试图使用没有JSX的React.js组件，并收到这样的警告：
Warning: Something is calling a React component directly. Use a factory or JSX instead. See: http://fb.me/react-legacyfactory
我访问过链接，但建议createFactory解决方案对我没有帮助:/
app.js
var React = require('react/addons');
var TagsInput = React.createFactory(require('./tag
浏览 2提问于2015-01-07得票数 15
回答已采纳
我有以下高阶组件来为我的组件创建一个加载：
import React, {Component} from 'react';
import PropTypes from 'prop-types';
import Spinner from 'components/spinner';
const WithSpinner = (WrappedComponent) => {
return class SpinnerWrapper extends Component {
componentWillReceiveProps(nextProp
浏览 0提问于2018-01-30得票数 1
我正在开发React应用程序，并制作了一个类似于框架的东西，其中我有一个包装器组件，类似这样的东西。
class FrameworkComponent extends React.Component {
someFunction() {
// send data to child data using childs function
// something like this.some.thing.childFunction("mydata");
...
}
render() {
return (
<div>
浏览 2提问于2018-02-06得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
