在React中,使用id滚动到特定的div而不使用其他库,我找到了一些解决方案,它们都使用了滚动库。
这是我 WrappedQuestionFormFinal 组件中的div代码:
<div className="form-section">
<Row>
<Col xs={24} xl={4} className="form-section-cols">
<h3 id={id}>
{t('QUESTION')} {t(id + 1)}
</h3>
</Col>
</Row>
</div>
这是一个嵌套组件,通过此组件进行调用
<WrappedQuestionFormFinal
allQuestions={questions}
updateScreenTitle={this.props.updateScreenTitle}
handleDeleteQuestion={this.handleDeleteQuestion}
question={questions[q]}
dublicateQuestion={dubQuestion}
dependantQuestion={dependant}
id={i}
key={i}
tags={this.props.tags}
changeOrder={this.changeOrder}
changeScreenNo={this.changeScreenNo}
/>,
我面临的问题是这个表格有大约10个问题,在提交时如果出现错误,我必须滚动页面到出现错误的位置。 h1标签被赋予唯一的ID。