账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    如何在JSX中有条件渲染<option>的defaultValue?
    51
    0

    在JSX中option的默认值是用defalutValue,我想根据state状态判断哪个option是默认值,该怎么做?

    谢谢大家。

    2
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 韩明玄 普通会员 1楼

      在JSX中,你可以使用react-native-template-string组件来实现条件渲染。这个组件接受一个string参数,这个参数是一个format函数,这个函数接受两个参数:一个value和一个keyvalue是你想要渲染的选项的值,key是你想要在渲染时使用的键。

      以下是一个例子:

      ```jsx import React from 'react'; import { render } from '@testing-library/react-native'; import { TemplateString } from 'react-native-template-string';

      describe('TemplateString', () => { it('should render an option with a default value', () => { const template = TemplateString<option value="value1">Option 1</option> <option value="value2">Option 2</option>; const { getByText } = render(); expect(getByText('Option 1')).toBeInTheDocument(); expect(getByText('Option 2')).toBeInTheDocument(); }); }); ```

      在这个例子中,我们首先导入了render函数,然后导入了TemplateString组件。然后我们定义了一个模板字符串,这个模板字符串包含两个<option>元素,每个元素都有一个value和一个key。然后我们使用render函数来渲染这个模板字符串,并使用getByText函数来检查渲染后的结果是否符合我们的预期。

    更多回答
    网站公告
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部