的人群中常见。常见的包括足底筋膜、膝前和肩袖等。
的症状
的症状包括、、和等，这些症状可能会严重影响患者的生活质量。
的原因
常常与以下因素有关：
年龄
创伤
关节磨损
长期使用不适当的鞋垫
足部变形
钙和氨糖对于有什么益处？
研究表明，钙和氨糖分别在骨骼和软骨健康方面具有关键作用。
钙
在骨骼中，钙是重要的矿物质之一，并占据了骨骼总重量的近99%。钙对于维持骨骼健康和功能十分关键。本身不会被生物体制合成，必须通过膳食摄入。
可能会妨碍钙的正常代谢。大量的会导致骨骼损伤，因此，钙的摄入量要足够确保骨骼的正常代谢。
氨糖
氨糖（转化为联合葡萄糖胺）是维持软骨健康所必需的一种物质。氨糖是软骨组织中的主要构建块之一，并与清蛋白相结合进入关节腔。
氨糖的补充可以促进软骨生长和修复。关节软骨是一个单独的组织，它需要氧气和营养物质才能保持健康。在某些情况下，修复和生长过程可能受到损伤或缓慢，导致长期的关节和性。
结论
钙和氨糖补充对于在患者中维持骨骼和软骨健康至关重要。这两种物质是要在饮食中获取，但通常靠食物很难获得足够量的钙和氨糖。因此，钙和氨糖补充剂是一种方便和有效的选择，以确保足够的钙和氨糖水平，为患者提供更好的健康保护。
因此，患者可以在医生的建议下考虑补充钙和氨糖。`;
class HealthCalculatorsDetail extends Component {
render () {
const { match, title, content, imgUrl, keywords } = this.props;
const detailTitle = title || (match.params.type && healthCalculators.map(e => e.id).indexOf(match.params.type) !== -1 && '健康工具——' + healthCalculators.find(e => e.id === match.params.type).name);
const detailContent = content ? content : match.params.type ? (match.params.type === 'bone-spur' ? boneSpurText : '') : '';
return (
]+>/g, "").replace(/\n/g, "").substring(0, 100)} />
{
}
{detailTitle}
);
}
}
export default HealthCalculatorsDetail;*/
import React, { Component, Fragment } from 'react';
import { connect } from 'react-redux';
import { Button, Modal, ModalBody } from 'reactstrap';
import Clipboard from 'clipboard';
import { Helmet } from "react-helmet";
import api from '../../utils/api';
import { getProcedureDetail, resetProcedureDetail } from '../../redux/actions/procedure-detail-action';
import LoadingSpinner from '../loading-spinner/loading-spinner';
import TopNav from '../top-nav/top-nav';
import { getProcedureText } from './data';
import './health-calculators-detail.scss';
const healthCalculators = [
{ id: 'bmi-calculator', name: 'BMI 计算器' },
{ id: 'basal-metabolic-rate-calculator', name: '基础代谢率（BMR）计算器' },
{ id: 'ideal-body-weight-calculator', name: '理想体重计算器' },
{ id: 'protein-calculator', name: '蛋白质计算器' },
{ id: 'keto-calculator', name: '计算器' },
{ id: 'calorie-calculator', name: '热量消耗计算器' },
{ id: 'heart-rate-calculator', name: '心率计算器' },
{ id: 'pregnancy-calculator', name: '怀孕计算器' },
{ id: 'due-date-calculator', name: '预产期计算器' },
{ id: 'ivf-calculator', name: 'IVF 计算器' },
{ id: 'fertility-calculator', name: '排卵日计算器' },
{ id: 'menstrual-cycle-calculator', name: '周期计算器' },
{ id: 'blood-volume-calculator', name: '容量计算器' },
{ id: 'target-heart-rate-calculator', name: '靶心率计算器' },
{ id: 'water-intake-calculator', name: '饮水量计算器' },
{ id: 'max-heart-rate-calculator', name: '大心率计算器' },
{ id: 'healthy-weight-calculator', name: '健康体重计算器' }
];
class HealthCalculatorsDetail extends Component {
state = {
urlToShare: '',
copied: false
}
componentDidMount () {
const { match: { params: { id } } } = this.props;
if (id) {
api.getProcedureDetail(id).then(res => {
if (res.status === 200) {
const detail = res.data && res.data[0] || {};
this.props.getProcedureDetailById(detail)
}
});
}
}
componentWillUnmount () {
this.props.resetProcedureDetail();
}
toggleCopied () {
this.setState({
copied: true
});
setTimeout(() => {
this.setState({
copied: false
});
}, 2000);
}
render () {
const { name, content, generatedHtml } = this.props.detail || {};
const { urlToShare, copied } = this.state;
const detailTitle = name || (this.props.match.params.id && healthCalculators.map(e => e.id).indexOf(this.props.match.params.id) !== -1 && '健康工具——' + healthCalculators.find(e => e.id === this.props.match.params.id).name);
const detailContent = content ? content : generatedHtml ? generatedHtml : this.props.match.params.id ? getProcedureText(this.props.match.params.id) : '';
const shareTitle = '分享计算器给您的朋友！';
return (
]+>/g, "").replace(/\n/g, "").substring(0, 100)} />
{detailTitle}
{(this.props.loading || !this.props.detail) ?
)}
分享您的计算器!
);
}
componentDidUpdate () {
if (this.props.detail && this.props.detail.generatedHtml && document.getElementById('shareButton')) {
const copyButton = new Clipboard('#shareButton', {
text: () => {
const url = new URL(window.location.origin + '/health-calculators/' + this.props.detail.id);
return url.href;
}
});
copyButton.on('success', e => {
this.setState({
urlToShare: e.text
});
copyButton.destroy();
});
}
if (copied && document.getElementById('copyToClipboardBtn')) {
document.getElementById('copyToClipboardBtn').classList.remove('btn-primary');
document.getElementById('copyToClipboardBtn').classList.add('btn-success');
}
}
}
const mapStateToProps = ({ procedureDetail }) => ({
loading: procedureDetail.loading,
detail: procedureDetail.detail
});
const mapDispatchToProps = dispatch => ({
getProcedureDetailById(detail) {
dispatch(getProcedureDetail(detail))
},
resetProcedureDetail() {
dispatch(resetProcedureDetail())
}
});
export default connect(mapStateToProps, mapDispatchToProps)(HealthCalculatorsDetail);import React, { Component, Fragment } from 'react';
import { connect } from 'react-redux';
import { Button } from 'reactstrap';
import Clipboard from 'clipboard';
import { Helmet } from "react-helmet";
import api from '../../utils/api';
import { getProcedureDetail, resetProcedureDetail } from '../../redux/actions/procedure-detail-action';
import LoadingSpinner from '../loading-spinner/loading-spinner';
import TopNav from '../top-nav/top-nav';
import { getProcedureText } from './data';
import './health-calculators-detail.scss';
const healthCalculators = [
{ id: 'bmi-calculator', name: 'BMI 计算器' },
{ id: 'basal-metabolic-rate-calculator', name: '基础代谢率（BMR）计算器' },
{ id: 'ideal-body-weight-calculator', name: '理想体重计算器' },
{ id: 'protein-calculator', name: '蛋白质计算器' },
{ id: 'keto-calculator', name: '计算器' },
{ id: 'calorie-calculator', name: '热量消耗计算器' },
{ id: 'heart-rate-calculator', name: '心率计算器' },
{ id: 'pregnancy-calculator', name: '怀孕计算器' },
{ id: 'due-date-calculator', name: '预产期计算器' },
{ id: 'ivf-calculator', name: 'IVF 计算器' },
{ id: 'fertility-calculator', name: '排卵日计算器' },
{ id: 'menstrual-cycle-calculator', name: '周期计算器' },
{ id: 'blood-volume-calculator', name: '容量计算器' },
{ id: 'target-heart-rate-calculator', name: '靶心率计算器' },
{ id: 'water-intake-calculator', name: '饮水量计算器' },
{ id: 'max-heart-rate-calculator', name: '大心率计算器' },
{ id: 'healthy-weight-calculator', name: '健康体重计算器' }
];
class HealthCalculatorsDetail extends Component {
state = {
urlToShare: '',
copied: false
}
componentDidMount () {
const { match: { params: { id } } } = this.props;
if (id) {
api.getProcedureDetail(id).then(res => {
if (res.status === 200) {
const detail = res.data && res.data[0] || {};
this.props.getProcedureDetailById(detail)
}
});
}
}
componentWillUnmount () {
this.props.resetProcedureDetail();
}
toggleCopied () {
this.setState({
copied: true
});
setTimeout(() => {
this.setState({
copied: false
});
}, 2000);
}
render () {
const { name, content, generatedHtml } = this.props.detail || {};
const { urlToShare, copied } = this.state;
const detailTitle = name || (this.props.match.params.id && healthCalculators.map(e => e.id).indexOf(this.props.match.params.id) !== -1 && '健康工具——' + healthCalculators.find(e => e.id === this.props.match.params.id).name);
const detailContent = content ? content : generatedHtml ? generatedHtml : this.props.match.params.id ? getProcedureText(this.props.match.params.id) : '';
const shareTitle = '分享计算器给您的朋友！';
return (
]+>/g, "").replace(/\n/g, "").substring(0, 100)} />
