将乘法状态变量传递到React中的父组件

Question

我有一个React Parent组件，用于在Web应用程序之类的博客上为用户发布帖子。

我有一个Gif组件，用于将gif张贴到帖子中，状态如下：

  state = {
api: "http://api.giphy.com/v1/gifs/random",
mood: "Happy",
apikey: "(apikey),
gifUrl: "",
showpic: false,
hover: false

};

现在，我认为将showpic，showpic状态和gifUrl发送到父组件是有意义的，因为我想进行条件检查，看看是否有gif，然后发布URI返回后端，以在我的数据层中处理。问题是我有多个具有相似功能的组件，并且希望能够将多个数据项发送回我的后端。

我可以在这样的数组中渲染数据吗

   dataUris: []

我该如何确定帖子是否带有图片/ gif？

  return (<div className="SubmitForm">
        <Spinner loading={this.state.showLoading}>
            <form onSubmit={this.submitPostHandler}>
                <FormGroup bsSize="large">
                    <FieldGroup
                        id="formControlsTitle"
                        type="text"
                        label="Title"
                        name="title"
                        minLength={0}
                        maxLength={255}
                        placeholder="Please enter the title."
                        value={this.state.title}
                        onChange={this.handleChange}
                    />
                    <FormGroup controlId="formControlsTextarea">
                        <ControlLabel>Content</ControlLabel>
                        <FormControl style={{ minHeight: '200px' }} componentClass="textarea" placeholder="Please enter the post content." name="content" value={this.state.content} onChange={this.handleChange} />
                    </FormGroup>
                    <input type="submit" value="Submit" />
                </FormGroup>
                {/* how can i change this state for the outcome of the CreateGif component */}
                <CreateGif withGif={this.state.withGif} />
            </form>
        </Spinner>
    </div>