使用PropTypes检查字符串类型的props是否为有效的JSON

Question

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

在父组件中：

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

Component.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.');
    }
  }
}