<commit_before>import React from 'react';
import PropTypes from 'prop-types';

import Select from 'common/form/Select';
import InputTitle from './InputTitle';

import shareStyles from './share.module.css';

import {
  experienceInYearOptions,
} from './optionMap';

const ExperienceInYear = ({ experienceInYear, onChange }) => (
  <div>
    <InputTitle
      text="自身相關職務工作經驗"
    />
    <div
      style={{
        display: 'flex',
        alignItems: 'center',
      }}
    >
      <div
        className={shareStyles.single__select__input}
        style={{
          marginRight: '16px',
        }}
      >
        <Select
          options={experienceInYearOptions}
          value={experienceInYear}
          onChange={
            e => onChange(Number(e.target.value))
          }
        />
      </div>
      <p
        className="pS"
      >
        年
      </p>
    </div>
  </div>
);

ExperienceInYear.propTypes = {
  experienceInYear: PropTypes.oneOfType([
    PropTypes.string,
    PropTypes.number,
  ]),
  onChange: PropTypes.func,
};

export default ExperienceInYear;<commit_msg>Fix #484, escape "" (#485)<commit_after>import React from 'react';
import PropTypes from 'prop-types';

import Select from 'common/form/Select';
import InputTitle from './InputTitle';

import shareStyles from './share.module.css';

import {
  experienceInYearOptions,
} from './optionMap';

const ExperienceInYear = ({ experienceInYear, onChange }) => (
  <div>
    <InputTitle
      text="自身相關職務工作經驗"
    />
    <div
      style={{
        display: 'flex',
        alignItems: 'center',
      }}
    >
      <div
        className={shareStyles.single__select__input}
        style={{
          marginRight: '16px',
        }}
      >
        <Select
          options={experienceInYearOptions}
          value={experienceInYear}
          onChange={
            e => (e.target.value === '' ? onChange(null) : onChange(Number(e.target.value)))
          }
        />
      </div>
      <p
        className="pS"
      >
        年
      </p>
    </div>
  </div>
);

ExperienceInYear.propTypes = {
  experienceInYear: PropTypes.oneOfType([
    PropTypes.string,
    PropTypes.number,
  ]),
  onChange: PropTypes.func,
};

export default ExperienceInYear;
{'fraction_non_alphanumeric': 0.13434163701067617, 'fraction_numerical': 0.004448398576512456, 'mean_word_length': 2.2082738944365192, 'pattern_counts': {'":': 0, '<': 23, '<?xml version=': 0, '>': 27, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5041655', 'n_tokens_mistral': 692, 'n_tokens_neox': 707, 'n_words': 134}