【用react.js来获取真实的DOM节点】教程文章相关的互联网学习教程文章

javascript – React uncaught错误无法获取“.page__content”元素

我在反应中发展,突然间,我得不到“.page__content”元素.. 谷歌搜索没有产生任何结果. 添加< Text>或:< / Text>后发生了. 使用React 15.0.2. 这个错误意味着什么?解决方法:显然,我希望其中一个ReactJS开发人员可以解释原因,当您使用不存在的内置React Native组件时会发生此错误消息(因为我们在这里没有使用react native). 如果您忘记使用大写字母,请有效地使用非现有组件< asdf>或:< / asdf>没有任何反应(很奇怪!没有错误信息?...

javascript – ReactJs.获取儿童组件【代码】

我是Bootstrap Panel的组件包装器:var Panel = React.createClass({render: function () {return (<div className="panel panel-default"><div className="panel-heading"><div className="panel-title">{this.props.title}</div></div><div className="panel-body"></div></div>);} });如何在示例上输出“panel-body”标签“h1”和组件“AvailableActions”,你可以在下面看到什么?var PlayerActions = React.createClass({rende...

javascript – 如何在React v16.6中的新CONTEXT API中获取多个静态上下文【代码】

嗨,我正在尝试访问组件中的多个上下文,但我只从提供程序中获得了一个上下文值.有两个提供者ListContext和`MappingContext.我如何访问这样的上下文:class TableData extends React.Component {static contextType = ListContext;static contextType = MappingContext;componentDidMount() {const data = this.context // it will have only one context from ListContext}我知道我可以在render()中使用多个提供程序,但我想访问上面...

javascript – 获取React渲染中map返回的数组大小【代码】

我在React组件的render方法中使用了array.map.它可以工作,但我想知道它渲染了多少行.我正在尝试在我的构造函数中初始化this.numRows = 0,然后在map回调中递增它:<div><p>Number of rows = {this.numRows}</p>{this.state.members.map((member) => {if (member.display) {this.numRows++;return <p>{ member.name }</p> }})}</div>但这仍然显示为零.完整代码:jsfiddle.net/ra13jxak/.如何显示返回的行数?解决方法:您可以考虑先过...

javascript – 如何在StyleSheet.create中获取对象?(React Native)【代码】

const styles = StyleSheet.create({container : {flex : 1,backgroundColor : config.getColor('bg'),},title : {marginLeft : 80,marginTop : 30,height : 35,width : 100,borderRadius : 17,borderWidth : 1,borderColor : config.getColor('theme'),fontSize : 17,color : config.getColor('theme')} });当我在console.log styles.title时,我得到了一个数字.那么如何将它转换为一个对象呢?解决方法:您可以使用flatten方法. 例...

javascript – 如何使用react-redux connect获取初始数据【代码】

我在这里阅读文档https://github.com/reactjs/react-redux/blob/master/docs/api.md 我想尽可能多地使用无状态组件,但我无法弄清楚我将如何处理初始数据有效负载.使用Stateful React组件,My容器和组件将显示:// Container const mapDispatchToProps = (dispatch) {return {fetchData: () => dispatch(fetchDataAction());} }export default connect(mapStateToProps, mapDispatchToProps)(MyComponent);// Component class MyComp...

javascript – React ES6:使用语义UI在下拉列表中获取所选值【代码】

鉴于以下数据,如何获取鸟的名称并将其推送(使用添加按钮)到新数组以显示在另一个div中(使用react es6)?所以基本上我希望用户从语义下拉列表中单击一个鸟并将其显示在不同的div中,如下所示.这可能很简单,但是当我使用语义元素时,我似乎无法找到它的方法.我需要使用onChange吗? 我需要在我正在导出的类(反应)中执行此操作(只是没有显示类/构造函数/状态定义)<div><p>How can i display 'Bird_Name' here?<p> </div>addClick = () =...

javascript – 获取JSON并迭代react-native中的值【代码】

我是新的反应本机,我试图简单地迭代一个示例json文件,但我收到错误undefined不是一个函数(评估’this.state.results.map’) 我最初将状态设置为对象,所以不确定为什么我收到此错误. 这是JS:import React, { Component } from 'react'; import { AppRegistry, ListView, Text, View, StyleSheet, TouchableHighlight } from 'react-native';var REQUEST_URL = 'https://facebook.github.io/react-native/movies.json';class WPReac...

javascript – React Native Sqlite获取Listview中的所有数据【代码】

我正在使用这个库:https://github.com/andpor/react-native-sqlite-storage用于我的反应原生项目. 我从数据库中检索单行,如下所示:db.transaction((tx) => {tx.executeSql('SELECT * FROM user where id = 1', [], (tx, results) => {console.log("Query completed");var len = results.rows.length;if (len > 0) {let row = results.rows.item(0);this.setState({userName: row.name});}});});return (<View><Text>{this.state....