javascript - 检查 PropTypes 是否是有效的 JSON

Question

如何使用 prop-types 包检查 string 类型的 placeholderProp props 是否是有效的 JSON？

在父组件中:

<Component placeholderProp={'{"a":1}} />

组件.js

import React from "react"
import PropTypes from "prop-types"

const Component = ()=>{ ... }

Component.propTypes= {
  placeholderProp: PropTypes.???
}

Answer 1

在检查了 prop-types 的 github 页面后，我意识到解决方案是通过使用 功能:

import React from "react"
import PropTypes from "prop-types"

const Component = ()=>{ ... }

Component.propTypes= {
  placeholderProp: function(props, propName, componentName) {
    try {
      JSON.parse(props[propName]);
    } catch (e) {
      return new Error('Invalid prop `' + propName + '` supplied to `' + componentName + '`. Validation failed.');
    }
  }
}