我正在查看react-bootstrap组件站点，特别是<FormControl>组件。
为了验证输入值是否正确，可以内联编写还是作为函数编写？
例如，
<FormControl
onChange={() => {this.setState({ /* do some ternary check here */ })}
/>
我在很多教程中注意到，作者要么将其中的很多内容移至函数中(即 onChange={this.doSomething} )，要么有时按照上面的方式执行它们似乎是有意义的。
我如何知道哪种方式更可取？
最佳答案
如果通过使用三元运算符，您可以验证输入字段，然后将其内联写入，如果您想要检查许多条件并想要进行一些计算，那么更好编写一个函数并将所有逻辑放入其中。
基本上函数是用来让你的代码更加结构化和可读性，假设你想检查3个条件，所以如果你内联编写这些条件，那么它会变得有点困惑，并且不必要的它会增加render 部分的大小，尝试使 render 尽可能小，因为 render 是组件的起点，如果有人想要检查你的代码，他将从 render 开始，这样可以帮助他轻松理解逻辑。
编写函数的另一个好处是，您也可以将其与相同类型的其他输入字段一起使用。
关于javascript - react + react 引导。创建函数更好还是将函数编写为属性更好，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43132363/