javascript - React.js 如何在内部组件中找到 ref 元素

Question

我想与 组件从 onChange 事件共享数据到父组件 我不知道该怎么做

你知道如何在组件和他的父组件之间共享数据吗

ViewTwoComponent 他们看不到 ref 值，我不知道为什么？

在控制台上出现错误:Uncaught TypeError: Cannot read property 'getDOMNode' of undefined

var ViewTwoComponent = React.createClass({
    "getInitialState": function() {
        return {
            "userTextValue": "hello11111111111111",
            "userTextRef": "userTextRef"
        }
    },
    "updateState": function(value) {
        this.setState({userTextValue: value })
    },
    "handleChange": function() {
        this.updateState(this.refs.userTextRef.getDOMNode().value)
    },
    "render": function() {
        return <div>
            <Inner />
            <Filtering refName={this.state.userTextRef} handleChange={this.handleChange} userTextValue={this.state.userTextValue} />
        </div>;
    }
})

var Inner = React.createClass({
    "render": function() {
        return <span>INNER</span>;
    }
});

var Filtering = React.createClass({
    "render": function() {
        return <span>
            <input type="text" ref={this.props.refName} onChange={this.props.handleChange} value={this.props.userTextValue} />
        </span>;
    }
});

React.render(< ViewTwoComponent />, document.getElementById("inner"))

Answer 1

当您尝试引用 this.refs.userTextRef 时，您的意思有点令人困惑，但我假设您想要您所在州的值。我还假设键 userTextRef 的值实际上不是 userTextRef。您可以尝试使用方括号访问该值。

  "handleChange": function() {
    this.updateState(this.refs[userTextRef]getDOMNode().value)
  }