我正在为表单使用 formsy-react,我想在触发事件时呈现更多选项,代码如下所示:
class MultipleChoice extends Component {
constructor(props) {
super(props);
}
render() {
return(
<div>
<Form>
<div id="dynamicInput">
<FormInput />
</div>
</Form>
</div>
);
}
}
我有一个按钮和 onClick 事件,我想触发一个将另一个附加到 div id“dynamicInput”的函数,这可能吗?
原文由 jayasth 发布,翻译遵循 CC BY-SA 4.0 许可协议
是的,我们可以更新组件的基础数据(即
state
或props
)。 React 如此出色的原因之一是它允许我们专注于我们的数据而不是 DOM。假设我们有一个要显示的输入列表(作为字符串数组存储在
state
中),当单击按钮时,我们向该列表添加一个新的输入项:显然这个例子不是很有用,但希望它能告诉你如何完成你需要的。