所以，我在做一个 React Native 项目，我有一个这样的复选框： import ARCheckBox from '@react-native-community/checkbox'; ............. <View style={styles.row}> <Text style={styles.label}>Insured Interest</Text> <Text>Section IV - AutomobileLiability</Text> <ARCheckBox value={this.state.arCBValue3} onValueChange={value => this.setState({ arCBValue3: value, }) } /> </View>这是我的 .js 输出：import { style } from "./../../../reports/ARCssPdf";export const arGenerateFileHtml = values => { return` ${style} ${generateNameSectionHtml(values)}`;};const generateNameSectionHtml = name =>`<html><head></head> <br/><body> <div> <table style="width:450px"> <tr> <td> Section IV - AutomobileLiability</td> <th> : </th> <th> ${name.arCBValue3}</th> //This is the output </tr> </table></div></body></html>`但我得到的结果是这样的：Section IV - AutomobileLiability : true/false虽然我想要的结果是这样的：Section IV - AutomobileLiability : Yes/No我如何获得该结果？我试过使用replaceFunction 将 true/false 替换为 Yes/No，但它不起作用。我知道我必须先做一个函数，但我不知道怎么做。任何帮助将不胜感激。谢谢
2 回答
子衿沉夜
TA贡献1828条经验 获得超3个赞
import {
style
} from "./../../../reports/ARCssPdf";
export const arGenerateFileHtml = values => {
return `
${style}
${generateNameSectionHtml(values)}`;
};
const replacer = value => value ? "Yes" : "No"
const generateNameSectionHtml = name =>
`<html>
<head>
</head>
<br/>
<body>
<div>
<table style="width:450px">
<tr>
<td> Section IV - AutomobileLiability</td>
<th> : </th>
<th> ${replacer(name.arCBValue3)}</th> //This is the output
</tr>
</table>
</div>
</body>
</html>`
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
添加回答
举报
0/150
提交
取消