Faq.js

import React, { Component } from 'react';
import { Grid, Row, Col } from 'react-flexbox-grid';
import { Cta } from './';
import Api from './../../data';
import ApiHun from './../../dataHun';


class Faq extends Component {
  componentDidMount() {
    let language = this.props.lang;
    if (language === 'en') {
      console.log(language);
    }
  }
  render() {
    return() {
    <Col>
      {
        Api.getFaqText().map(b => {
          if (b.id === 1)
             return <BHead textClass={b.classname} key={b.id} title={(<div dangerouslySetInnerHTML={{__html: b.title}} />)} />
        })
      }
    </Col>
    }
  }

}

export { Faq };

//data.js

const Data = { ... } // some json
export default Data;

//dataHun.js --> the same

//the question: how can i change the map function based on the props?
//this is notwirking: 
              
/*

{
  if (language === 'en')
    {
    Api.getFaqText().map(b => {
      if (b.id === 1)
         return <BHead textClass={b.classname} key={b.id} title={(<div dangerouslySetInnerHTML={{__html: b.title}} />)} />
      })
    }
}

*/