Reactjs React引导：动态设置组件上的道具

由于一个相当复杂的场景，我将不进行解释，我需要能够在用户启动触发器时动态地设置React引导组件上的

placement

道具。我是这样想的：

<OverlayTrigger
    ref="trigger"
    onEnter={onEnterFunc}
    placement="bottom"
    overlay={<Popover>...</Popover>}>
   <span>html</span>
</OverlayTrigger>

html

---

然后在onEnterFunc中以某种方式动态更改放置值。有人知道这是否可能吗

您可以将

放置的当前值存储在父组件的状态中。您可以在组件的构造函数中指定初始值，并且可以通过在
onEnterFunc
函数中调用
setState
来更新此值。更新后的标记/渲染函数如下所示：

render() {
    return (
       <OverlayTrigger
           ref="trigger"
           onEnter={() => this.onEnterFunc()}
           placement={this.state.placement}
           overlay={<Popover>...</Popover>}>
           <span>html</span>
        </OverlayTrigger>
    );
}

render（）{
返回(
this.onEnterFunc（）}
placement={this.state.placement}
覆盖={…}>
html
);
}
您可以将
放置的当前值存储在父组件的状态中。您可以在组件的构造函数中指定初始值，并且可以通过在
onEnterFunc
函数中调用
setState
来更新此值。更新后的标记/渲染函数如下所示：

render() {
    return (
       <OverlayTrigger
           ref="trigger"
           onEnter={() => this.onEnterFunc()}
           placement={this.state.placement}
           overlay={<Popover>...</Popover>}>
           <span>html</span>
        </OverlayTrigger>
    );
}

render（）{
返回(
this.onEnterFunc（）}
placement={this.state.placement}
覆盖={…}>
html
);
}
Yegads。完全错过了。谢谢！很有魅力戴戈兹。完全错过了。谢谢！很有魅力D