Question

我正在关注this问题的第一个答案，为我的两个组件创建一个共同的父级

import React, {Component} from 'react';


    import ButtonSubmit from './ButtonSubmit'
    import Form from './Form'

    export default class ParentofButtonandForm extends Component {

        constructor() {
            super();

            this.state = {
                username: '',
                password : '',

            };
        }

        changeFirst(receivedUN,reaceivedPW) {
            this.setState({
                username: receivedUN,
                password:reaceivedPW
            });
        }

        render() {
            return (

                <Form username={this.state.username} password={this.state.password} changeFirst={this.changeFirst.bind(this)}/>
                <ButtonSubmit username={this.state.username} password={this.state.password}/>

            )

        }
    }

但是我在

中得到了无法解决的代码错误

<ButtonSubmit username={this.state.username} password={this.state.password}/>

我不知道我做错了什么。我还在this.state.username中收到了'：expected'警告。

Answer 1

您将从渲染函数返回两个组件。要么将receive和<Form>包装到另一个组件中，可能是View OR，您可以从render函数返回一个组件数组。

在视图中包装

<Button>

返回组件数组link

render() {
   return (
        <View>
            <Form .../>
            <ButtonSubmit .../>
        </View>
   )
}

希望这会有所帮助！

我在反应原生中得到了不可靠的代码警告

1 个答案: