在React中重新呈现之前预先计算JSX变量
在React中重新呈现之前预先计算JSX变量
提问于 2017-07-20 16:18:43
在调用re-render()函数之前，是否可以使用react准备一个变量以在JSX中显示？
例如：
count_function() {
e.g.
return number_of_children_having_state_#
}
a_prerender_function() { // Which one componentWillUpdate ?? But in that case, how to pass it to the render function
// const count = this.count_function() // This can't be put in state, otherwise 'infinite-loop'
}
render () {
// const count = this.count_function() // This is only called at the first render! But not on next re-render
return (
<div>
{count}
</div>
)
}我不能在render()函数中更新这个变量，因为我需要在每次重新渲染时刷新它，而渲染函数只被调用一次。我不能使用状态变量，否则我会得到一个无限循环的重新渲染。
回答 1
Stack Overflow用户
发布于 2021-03-20 19:48:40
打字脚本
interface Props<T> {
value: T;
render: (value: T) => JSX.Element;
}
type IVariable = <T>(props: Props<T>) => JSX.Element;
const Variable: IVariable = props => props.render(props.value);<Variable value={price * quantity} render={amount =>
<p>
Amount: {amount} {plural('coin', amount)}
</p>
} />Javascript
const props => props.render(props.value);<Variable value={price * quantity} render={amount =>
<p>
Amount: {amount} {plural('coin', amount)}
</p>
} />页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45209193
复制相关文章
相似问题
腾讯云开发者
