Question

如何在React中解析JSON响应中的布尔值？

JSON响应示例：

import re

Str = "i like .cows. I also like camels"
pattern = r"([^\.]*$)"

results = re.search(pattern, Str)
print(results.group(1).strip())

Answer 1

你可以做const parsed = JSON.parse(response) 然后，您可以使用解析变量

访问这些值

（提供的数据不是JSON BTW，那里不应该(2)）

Answer 2

假设它是JSON而不是Object，您可以使用

const parsed = JSON.parse(response)
console.log(parsed.awaiting_status) // bool true/false
const message = parsed.awaiting_status ? 'still pending' : 'retrieved'

Answer 3

我可能误解了这个问题，但是反应使用的是JSX，它是JavaScript和XML，因此JSON在ReactJS中是原生的。

https://codepen.io/jeremu/pen/MVGdWP

const myJson = {
  awaiting_status: false,
  batch: 1,
  email_exists: true,
  receipts: ["test1", "test2"]
};

function EmailMessage(props) {
  return myJson && myJson.email_exists
    ? 'Yes, yes it does.'
    : 'No. Check back later';
}

function App() {
  return (
    <div>
      <h1>Does Email Exist?</h1>
      <EmailMessage />
    </div>
  );
}

ReactDOM.render(<App />, document.getElementById('root'));

将返回......是的，是的确是

Answer 4

如果email_exists的值为true，我希望在UI上显示电子邮件

使用JavaScript conditional (ternary) operator检查email_exists标记，并根据HTML中的显示进行检查。

let obj = {
  awaiting_status: false,
  batch: 1,
  email_exists: true,
  receipts: ["test1", "test2"]
};

(obj.email_exists) ? document.getElementById('email').innerHTML = "Email Exist" : document.getElementById('email').innerHTML = "Email Not Exist"

<div id="email">
</div>

如何在React中解析JSON响应中的布尔值

4 个答案: