从子组件中获取DOMNode的当前方法是什么?
...
this.refs.component.getDOMNode() // do not work anymore
React.findDOMNode(this.refs.component) // do also not work anymore
...
当访问this.refs.component时,我只需要返回组件,但我需要呈现的DOMNode。例如,我需要这个DOMNode来获得元素的scrollTop值。这些值在this.refs.component中的selfs组件中不可用。
编辑/应答
有人发了一个正确的答案,但是--我不知道为
目前我有三个组件:Child1、Child2和Parent。当按下Child2中的一个按钮时,我想在Child1组件中调用一个函数。
到目前为止,我一直在尝试这样做,但我总是说错话。
this.refs.child.child2Function is not a function
处理这种情况的正确方法是什么(从另一个子组件调用一个子组件中的函数)?
我还在我的项目中使用redux。但是我的Child2组件是在多个选项卡中呈现的。因此,我不能使用redux更新该值,因为该值将在整个Child2组件中更新。
Parent.js
class Parent extends Component{
p
我刚开始反应,还在学习基础知识。看看这里的教程:
它解释了如何让父母对孩子发生的事情做出反应。下面是相关代码:
var CommentBox = React.createClass({
handleCommentSubmit: function(comment) {
// TODO: submit to the server and refresh the list
},
render: function() {
return (
<div className="commentBox">
<h1>
父类有几个子组件,所有子类都在呈现方法中实例化,因此,对父状态的任何更改都会导致所有子实例重新实例化,每次调用react创建子实例的新实例,在那里通过子实例的松散状态,以便重用我尝试使用parent.refs.childRef检索子实例的子实例,但这给我带来了错误。
未明错误:对象作为一个React子对象无效。
,这是我的密码
placeHolderComponent(){
let component;
let palceHolderValue=this.state.uiState.placeHolder;
let classInstan
我想在我的网站上使用Chart.js。正如标题所示,我使用的是React.js。要使用Chart.js,我需要这样的画布和上下文:
let context = document.getElementById('canvas').getContext('2d');
let chart = new Chart(context, ...);
所以我这样设计这个组件:
export function updateChart() {
let context = this.refs.chart.getContext('2d');
let ch
好的,假设我有一个组件,如下所示:
它由两个不同的组件组成:
1)整个矩形(让我们称之为card)
2)每个边(正方形)都是另一个组件(让我们称之为cardSide)
我在card上添加了一个按钮,当单击它时,它会收集每个cardSide组件的所有信息(文本、注释、图像等)。
我的问题是,我如何才能做到这一点?我读过关于passing refs from parent to children和sending props from parent to children的文章,但是我还没有找到任何相反的getting the props/states from children comp
我是超级新手,对Meteor也很陌生。
我正在对一个函数('getTheThing')执行Meteor.call。该函数正在获取一些信息,并将该信息作为响应返回。在我的浏览器中,我可以看到该方法返回了正确的信息(一个字符串),但是如何将响应放入DOM呢?
(如您所见,我尝试使用ReactDOM.findDOMNode(this.refs.result).html(response);将其放在DOM中,但随后在控制台中收到以下错误:Exception in delivering result of invoking 'getTheThing': TypeError
我正致力于构建一个带有许多选项卡的Reactive原住民应用程序。每个选项卡呈现来自API调用的数据:
'use strict';
var React = require('react-native');
var {
StyleSheet,
TabBarIOS,
Text,
View,
NavigatorIOS,
} = React;
// Load up tab pages
var Home = require('./Home');
var Appointments = require('./Appointmen
我刚开始使用React Hook refs。我遵循了几个代码示例,所有示例都引用了useRef,但代码根本不起作用。然而,当我将其更改为createRef时,它就完美地工作了。因此我很好奇这两个函数之间的区别是什么?
// Near the top of my component
let companyNameRef = React.createRef();
// A useEffect added simply to give focus to a particular input element the first time the component is loaded
useEffe
我不知道我做得对不对。如果我想从输入中获取值,我使用this.refs.whatever.value.trim(),但是如果输入是一个无状态函数组件,那么如何检索值onSubmit呢?
我知道这是不正确的,现在研究后,但你应该如何从这些输入字段的价值?
import React, {Component} from 'react'
import {InputField} from '../components/forms/InputField'
import {Button} from '../components/forms/Button'