javascript - 如何从类json数组reactjs返回

Question

嗨，我有这段代码，可以从文件 config.json 获取并返回 json 数据

文本.js

 class Text extends React.Component {
     constructor(props){
        super(props)
        this.state = {
          datat: [],
        };
      }
      componentDidMount(){
         fetch('/config.json')
          .then(response => response.json())
          .then((datao) =>{        
            this.setState({
                datat: (JSON.parse(JSON.stringify(datao)))
            })

          });
       }
      render(){
         const datatorender = this.state.datat;
    return ( Object.keys(datatorender).map(key =>{if(key==this.props.value){return datatorender[this.props.value]}}))
        }}

我在家里的称呼是这样的:home.js

<Text value="SITENAME">

所以我想这样调用它:{text.SITENAME} 而不是第一个我该怎么做？

这是 json 文件:

{
  "SITENAME": "site name",
  "SITE_DESCRIPTION":"desc"
}

Answer 1

试试这个:

class Text extends React.Component {
     constructor(props){
        super(props)
        this.props = props;
        this.state = {
          datat: [],
        };
      }
      componentDidMount(){
         fetch('/config.json')
          .then(response => response.json())
          .then((datao) =>{        
            this.setState({
                datat: (JSON.parse(JSON.stringify(datao)))
            })

          });
       }
      render() {
          const datatorender = this.state.datat;
          console.log(datatorender)
          return (
            <div>
              {
                Object.keys(datatorender).map((key, i) => {
                  if (key === this.props.value) {
                    return (
                      <li key={i}> {datatorender[this.props.value]} </li>
                    )
                  } else {
                    return null
                  }
                })
              }
            </div>
          )
      }
}