Question

我从一些简单的redux-react应用程序开始，但现在我想使用react-bootstrap包。但我找不到获得价值的好方法。

首先，我有类似的东西

<input  ref={input => client.name = input} ..../>

但是从这些东西中我发现https://github.com/react-bootstrap/react-bootstrap/issues/2418。我只需要用inputRef替换它。

所以我尝试了这个例子，但是我在控制台中得到了以下异常。

inputRef
上的未知道具<input>

知道如何让这个工作吗？对于这种情况，优选的redux方式是什么？

export default class Test extends Component {

    render() {


        const {client} = this.props;
            return (
                <div>
                    <FormGroup>
                        <InputGroup>
                            <FormControl inputRef={input => client.name = input} type="text"/>
                        </InputGroup>
                    </FormGroup>
                    <button onClick={() => {
                        {
                            console.log(client.name.value)
                        }
                    }
                    } role="button" className="btn btn-primary">test
                    </button>
                </div>
            )
    }

使用inputRef从FormControl获取值会导致<input />

0 个答案: